@charset "utf-8";
/* CSS Document */

/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background:url(../Images/barrah.png) top repeat;  

} 
 
#pagewidth{ 
 width:930px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:390px; 
 background-color:#FFFFFF; 
 width:100%;
} 
 
#maincol{
	background-image:url(../Images/backgrounds_01.png);
	background-color:#E2E9E8;
	height:250px;
	float: right;
	display:inline;
	position: relative;
	width:930px;
 }
#maincolend{
 background-image:url(../Images/backgrounds_07.png);
 width:auto;
 clear:both;
 height:76px;
}
 
#footer{
	height:100px;
	background:url(../Images/backgrounds_04.png) bottom no-repeat;
	clear:both;
 } 
 
/*#maincol p{margin:1em;}*/

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{
	display: block;
	height: auto;
}
/* End hide from IE-mac */  

/*CSS Custom Index*/
#tarjetas {
	position:static;
	width:890px;
	height:58px;
	margin:5px 10px;
	padding:5px 10px;
}
#imagen1 {
	position:absolute;
	width:199px;
	height:107px;
	background-image:url(../Images/model-01.png);
	z-index:2;
	left: 8px;
	top: 4px;
	background-repeat: no-repeat;
}
#imagen2 {
	position:absolute;
	left:209px;
	top:4px;
	width:217px;
	height:107px;
	background-image:url(../Images/abdomen-plano.png);
	z-index:2;
	background-repeat: no-repeat;
}
#imagen3 {
	position:absolute;
	left:428px;
	top:4px;
	width:246px;
	height:108px;
	z-index:2;
	background-image: url(../Images/turismomedico.png);
	background-repeat: no-repeat;
}
#imagen4 {
	position:absolute;
	left:676px;
	top:5px;
	width:243px;
	height:104px;
	z-index:2;
	background-image:url(../Images/gif-para-cirugia-metabolica.png);
	background-repeat: no-repeat;
}
#apDiv3 {
	position:absolute;
	left:114px;
	top:32px;
	width:80px;
	height:43px;
	z-index:2;
}
#apDiv5 {
	position:absolute;
	left:86px;
	top:32px;
	width:122px;
	height:45px;
	z-index:2;
}


a:link, a:visited {
	color:#0066CC;
	text-decoration: none;
} 

a:active, a:hover {
	color: #33CCFF;
	text-decoration: none;
}

#apDiv7 {
	position:absolute;
	left:158px;
	top:32px;
	width:84px;
	height:44px;
	z-index:2;
}
#apDiv9 {
	position:absolute;
	left:142px;
	top:30px;
	width:97px;
	height:44px;
	z-index:2;
}
#Topper {
	position:relative;
	width:930px;
	height:90px;
	background:url(../Images/logo.png);
}
#Menu {
	position:relative;
	width:930px;
	height:45px;
	z-index:3;	
}
#Banner {
	position:relative;
	width:930px;
	height:184px;
	z-index:2;
}
#Menu2 {
	position:relative;
	width:930px;
	height:70px;
	z-index:2;
}
#btn {
	position:absolute;
	left:324px;
	top:48px;
	width:600px;
	height:28px;
	z-index:2;
}
#submenu {
	position:static;
	padding-left:18px;
	padding-top:15px;
	width:900px;
	height:80px;
	z-index:2;
}
a.cards:link{text-decoration:none; background:none; color:none;}
a.cards:visited{text-decoration:none; background:none; color:none;}
a.cards:hover{text-decoration:none; background:none; color:none;}
a.submenu:link{
	color:#0000FF;
	text-decoration: none; font-weight:bold;	
} 
a.submenu:visited { color:#0000FF; text-decoration:none;font-weight:bold;	}
a.submenu:hover{ color:#990000; text-decoration:none;font-weight:bold;	}
h3 {
	color:#006699;
	font-size:14px;	
	font-family:Arial, Helvetica, sans-serif;
}
.mini {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;	
	color: #000000; 	
}
.texto {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
.txtbn {
	font-family: Arial, Helvetica, sans-serif;
	font-size:17px;
}
#Manga {
	position:absolute;
	left:158px;
	top:115px;
	width:184px;
	height:116px;
	z-index:1;
}
#Bypass{
	position:absolute;
	left:376px;
	top:115px;
	width:201px;
	height:116px;
	z-index:1;
}
#metabo{
	position:absolute;
	left:616px;
	top:113px;
	width:201px;
	height:116px;
	z-index:1;
}
#apDiv1 {
	position:absolute;
	left:733px;
	top:403px;
	width:230px;
	height:108px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:870px;
	top:436px;
	width:71px;
	height:48px;
	z-index:1;
}
/*Main Menu*/
.izq{ background-image:url(../Images/bdi.png); width:14px; height:45px; float:left; margin-left:-2px;}
.der{ background-image:url(../Images/bdd.png); width:14px; height:45px; float:left; margin-left:-2px;}
#navi {  list-style:none;margin:0;padding:0;}
#navi li {margin-right:2px;padding:0; height:45px;float:left;background-image:url(../Images/bd.png);}
#navi li a {display:block;	width:107px; /*padding:4px 0;*/text-decoration:none;text-align:center;font-size:11px;color:#FFFFFF;	font-family:Arial, Helvetica, sans-serif;font-weight:bold;	height:30px;padding:7px 10px 7px 10px; margin: 10px 0px 0px 0px;}
#navi li a:hover {color:#000033;}
#navi .cir { padding:2px 10px 2px 10px; margin: 10px 0px 0px 0px;}
#navi li ul li{ list-style:none;float:none;width:auto; height:30px;margin:1px 0;background-color:#006699;}
#navi li ul li a{list-style:none;float:none;width:auto; height:30px;margin:1px 0;background-color:#0099CC;}
ul#navi ul li {display: block;}
ul#navi li:hover ul{display: none;}
ul#navi li:hover ul{display: block;}
ul#navi li {float: left;display: inline;position: relative;}
ul#navi ul {display: none;position: relative;top: -10px;left:0;margin:0;padding:0;background:#0099CC; z-index:6;}
#sec a:hover {color:#000033; background-color:#006699; }

/*Banner effect*/
#slider1 {
    width: 930px; /* important to be same as image width */
    height: 184px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	float:left;
	z-index:1;
}

#slider1Content {
	width: 930px; /* important to be same as image width or wider */
	position: absolute;
	margin:0;
	padding:0;
	height: 180px;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
	-khtml-opacity: 0.0;
    opacity: 0.0;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 170px !important;
	height: 180px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}