/* CSS Document */

@import url("cabecera.css");
@import url("slideshow1.css");
@import url("catalogo.css");
@import url("contacto.css");
@import url("thickbox.css");

html * {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	width:100% !important;
	width:97%;
}

body.fondo_normal {
	/*background:#CF3130 url(../images/bg_body.jpg) no-repeat center bottom fixed;*/
	background:#CF3130;
}

body.fondo_garvalin {
	/*background:#618FC1 url(../images/bg_body_garvalin.jpg) no-repeat center bottom fixed;*/
	background:#618FC1;
}


body.fondo_agatha {
	/*background:#D9248F url(../images/bg_body_agatha.jpg) no-repeat center bottom fixed;*/
	background:#D9248F;
}

body.fondo_biomecanics {
	/*background:#EDBA3B url(../images/bg_body_biomecanics.jpg) no-repeat center bottom fixed;*/
	background:#EDBA3B;
}

hr {
	display:none;
	clear:both;
	padding:0;
}

#contenedor {
	width:650px;
	margin:0 auto;
	/*background:url(../images/bg_contenedor.png) no-repeat center bottom;	*/
}

/************************* CENTRO BLANCO DE LA WEB *****************************/

#submenu {
	clear:both;
	float:left;
	width:650px;
	margin:0;
	padding:10px 0 0 20px;
	height:20px;
	list-style:none;
	display:inline;
}

#submenu li {
	float:left;
	margin:0;
	padding:0;
}

#submenu li a{
	padding:4px 10px 2px 10px;
	margin:0 !important;
	height:14px !important;
	margin:2px 0 0 0;	/* para el ie6*/
	height:16px;	/* para el ie6*/
	text-decoration:none;
	display:block;
	float:left;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:white;	
	text-align:center;	
}

#submenu li a.submenu_garvalin {
	background:url(../images/bg_submenu_garvalin.png) no-repeat left top !important;
	background:url(../images/bg_submenu_garvalin.gif) no-repeat left top;	
	width:50px;
	height:16px;	/* para el ie6*/	
}

body.fondo_biomecanics #contenedor #submenu li a.submenu_garvalin {
	background:url(../images/bg_submenu_garvalin_amarillo.png) no-repeat left top !important;
	background:url(../images/bg_submenu_garvalin_amarillo.gif) no-repeat left top;	
	width:50px;
	height:16px;	/* para el ie6*/	
}

body.fondo_agatha #contenedor #submenu li a.submenu_garvalin {
	background:url(../images/bg_submenu_garvalin_rosa.png) no-repeat left top !important;
	background:url(../images/bg_submenu_garvalin_rosa.gif) no-repeat left top;	
	width:50px;
	height:16px;	/* para el ie6*/	
}

#submenu li a.submenu_garvalin_seleccionado {
	background:url(../images/bg_submenu_garvalin_seleccionado.png) no-repeat left top !important;
	background:url(../images/bg_submenu_garvalin_seleccionado.gif) no-repeat left top;	
	width:50px;
	height:16px;	/* para el ie6*/	
	color:black;
}

#submenu li a.submenu_bio {
	background:url(../images/bg_submenu_bio.png) no-repeat left top !important;
	background:url(../images/bg_submenu_bio.gif) no-repeat left top;	
	width:66px;
	height:16px;	/* para el ie6*/		
}


body.fondo_garvalin #contenedor #submenu li a.submenu_bio {
	background:url(../images/bg_submenu_bio_azul.png) no-repeat left top !important;
	background:url(../images/bg_submenu_bio_azul.gif) no-repeat left top;
	width:66px;
	height:16px;	/* para el ie6*/	
}

body.fondo_agatha #contenedor #submenu li a.submenu_bio {
	background:url(../images/bg_submenu_bio_rosa.png) no-repeat left top !important;
	background:url(../images/bg_submenu_bio_rosa.gif) no-repeat left top;
	width:66px;
	height:16px;	/* para el ie6*/	
}

#submenu li a.submenu_bio_seleccionado {
	background:url(../images/bg_submenu_bio_seleccionado.png) no-repeat left top !important;
	background:url(../images/bg_submenu_bio_seleccionado.gif) no-repeat left top;	
	width:66px;
	height:16px;	/* para el ie6*/		
	color:black;
}

#submenu li a.submenu_agatha {
	background:url(../images/bg_submenu_agatha.png) no-repeat left top !important;
	background:url(../images/bg_submenu_agatha.gif) no-repeat left top;	
	width:130px;
	height:16px;	/* para el ie6*/		
}

body.fondo_biomecanics #contenedor #submenu li a.submenu_agatha {
	background:url(../images/bg_submenu_agatha_amarillo.png) no-repeat left top !important;
	background:url(../images/bg_submenu_agatha_amarillo.gif) no-repeat left top;	
	width:130px;
	height:16px;	/* para el ie6*/	
}

body.fondo_garvalin #contenedor #submenu li a.submenu_agatha {
	background:url(../images/bg_submenu_agatha_azul.png) no-repeat left top !important;
	background:url(../images/bg_submenu_agatha_azul.gif) no-repeat left top;	
	width:130px;
	height:16px;	/* para el ie6*/	
}

#submenu li a.submenu_agatha_seleccionado {
	background:url(../images/bg_submenu_agatha_seleccionado.png) no-repeat left top !important;
	background:url(../images/bg_submenu_agatha_seleccionado.gif) no-repeat left top;
	width:130px;
	height:16px;	/* para el ie6*/		
	color:black;
}

#submenu li a:hover{
	margin:-2px 0 0 0 !important;
	height:16px !important;
	margin:0px 0 0 0;	/* para el ie6*/
	height:18px;	/* para el ie6*/	
}

#centro_superior {
	clear:both;
	width:650px;
	margin:0 auto;
	height:10px;
	background:url(../images/bg_centro_superior.gif) no-repeat center top;
}

#centro {
	width:650px;
	margin:0 auto !important;
	margin:-10px auto 0 auto;	
	height:auto;
	background:white;
	display:table;
	clear:both;
}

#centro p {
	float:left;
	padding:20px;
	color:gray;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
}

.logo_derecha {
	float:right;
	border:none;
	margin:10px 30px;
	width:350px !important;
	height:51px !important;
}


#desc_bio {
	margin:10px;
	border:none;
	float:left;
}

#centro_inferior {
	clear:both;
	width:650px;
	margin:0 auto;
	height:10px;
	background:url(../images/bg_centro_inferior.gif) no-repeat center top;
	z-index:-1;
}

#centro .link_bio {
	float:right;
	position:relative;
	background:url(../images/bg_link_bio.jpg) no-repeat center top;
	right:0;
	width:200px;
	height:18px;
	text-align:center;
	padding:5px 30px 0 30px;
	bottom:-30px;
	display:block;
	text-decoration:none;
	z-index:100;
	color:white;
	font-weight:bold;
	display:block;
}



/************************* MIGAS DE PAN *****************************/


#migas_pan {
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:3px 0 0 10px;
	color:gray;
	display:block;
	clear:both;
	text-transform:capitalize;		
}

#migas_pan a{
	color:gray;
	text-decoration:none;
	text-transform:capitalize;	
}

#migas_pan a:hover{
	color:#333;
}


/************************* DESCRIPCIÓN CON FONDO SEMITRANSPARENTE *****************************/

#contenedor #descripcion {
	clear:both;
	width:600px;
	height:auto;
	display:table;
	padding:0px 0px; 	
	margin:20px auto;
}

#contenedor #descripcion object {
	margin:0 0 0 -24px;
}

#contenedor #descripcion p {
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:white;
	padding: 0 0 10px 0;
	text-align:justify;
	font-style:italic;
}

#contenedor #descripcion #color_biomecanics {
	color:black;
}

#contenedor #descripcion h3 {
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:white;
	margin: 0 0 10px 0;
	border-bottom:1px solid #491312;
}


#contenedor #descripcion ul {
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:white;
	padding: 0 0 10px 0;
	list-style:none;
}

#contenedor #descripcion ul li {
	text-transform:capitalize;
	background:url(../images/bullet.jpg) no-repeat 0 3px;
	padding:3px 0 3px 18px;
}


#contenedor #descripcion ul li a {
	color:white;
	display:block;
	text-decoration:none;
}

#contenedor #descripcion ul li a:hover {
	color:white;
	text-decoration:underline;
}

#contenedor #descripcion dl {
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:white;
	padding: 0 0 10px 0;
	list-style:none;
}

#contenedor #descripcion dt {
	margin:15px 0 0 0;
	text-transform:uppercase;
	font-weight:bold;
	background:url(../images/bullet1.jpg) no-repeat left center;
	padding:3px 0 3px 18px;	
}

#contenedor #descripcion dd {
	font-style:italic;
	padding:0 0 0 18px;	
	color:white !important;	
}

#contenedor #descripcion dl#desc_marketing {
	float:left;
	width:430px;
}



#contenedor #descripcion #video_promo a{
	color:white;	
	float:right;
	display:block;
	font-size:13px;
	text-decoration:none;
}

#contenedor #descripcion #video_promo a:hover{
	text-decoration:underline;
}

#contenedor #descripcion #enlace_peliculas {
	float:right;
	border:0;
}


#contenedor #descripcion #sales {
	float:right;
	border:0;
	width:110px;
	margin:-80px 0 0 0;
	display:block;
}

#contenedor #descripcion #sales a{
	color:white;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
}

#contenedor #descripcion #sales a img{
	border:0;
}


#contenedor #descripcion #banner_concurso{
	border:0;
	margin:15px 0 0 0;
}