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

body{
	margin-top: 1px;
	padding:0;	
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border:0;
}

p {
	font-weight:normal;
	line-height:20px;
	font-size:11px;
	color: #555;
}

h1 {
	font-weight:bold;
	font-size:25px;
	color: #000;
}

a {
	color:#555;
}

#map {
border:2px dashed #ccc;
position:relative;
overflow:hidden;
} 

#contact-form {
	position: absolute;
	left:430px;
	padding-left:20px;
	border-left:1px dashed #ccc;
	top:0px;
}

#ContactoIndexForm{
	position:relative;
}

#ContactoIndexForm label {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #555555;	
	vertical-align: top;
	padding:2px;
	display:block;

}

#ContactoIndexForm input {
	background-color: #ccc;
	margin-left:100px;
}

#ContactoIndexForm textarea {
	background-color: #ccc;
	margin-left:100px;
}

.error-message { padding:2px;color:#f00;background:#ccc;font-weight:bold; text-align:center; }

#top {
	background-color: #FFF;
	width: 920px;
	height:82px;
	margin:auto;
	margin-top:1px;
	position:relative;
	border-bottom: 1px solid #CCC;
}

#breadcrumb{
	background-color: #F6F6F6;
	width: 920px;
	height:27px;
	margin:auto;
	position:relative;
}

#breadcrumb ul{
	list-style-type: none;
	margin:0;
	padding:0;
}

#breadcrumb ul li{
	float:left;
	text-align:left;
	margin-right:1.5em;
}

#breadcrumb p{
	font-weight:bold;
	font-size:14px;
	color: #000;
	padding-left:3px;
	display:inline;
}

#main{
	background-color: #FFF;
	width: 920px;
	height:580px;
	margin:auto;
	position:relative;
	top:3px;
	border-bottom: 1px solid #CCC;
}

#footer{
	background-color: #FFF;
	width: 920px;
	height:25px;
	margin:auto;
	position:relative;
	top:3px;		
}

#contact{
	width: 700px;
	height:25px;
	margin:auto;
	position:absolute;
	float:left;		
}

#dyc{
	width: auto;
	height:25px;
	margin:auto;
	position:relative;
	float:right;
}

#dyc a{
	color:#555;
}

#dyc a:hover{
	color:#000;
	text-decoration:underline;
}

#logo{
	background-color: #000000;
	background-image:url(../img/top_logo.jpg);
	width: 554px;
	height:79px;
	margin:auto;
	position:absolute;
	top: 0px;
	left: 0px;
	
		
}

#logo h1{
	font-weight:bold;
	font-size:13px;
	text-align: left;
	color: #E1E1E3;
	padding-left:18px;
	padding-top:51px;
			
}

#nav{
	background-color: #FFFFFF;
	width: 365px;
	height:79px;
	margin-left:0px;
	position:absolute;
	padding:0px;
	top: 0px;
	left: 554px;
	background-color:#000000;
	
		
}

#nav ul{
	clear:both;
	margin: 0;
	padding:0;

}

#nav li{
	width:120px;
	height:77px;
	background-image:url(../img/fondo_bt_menu.jpg);
	float:left;
	text-align:center;
	margin:auto;
	margin-left:1px;
	list-style-type: none;
	
}


#nav li a {
	font-weight:bold;
	font-size:12px;
	color: #FFFFFF;
	text-decoration: none;
	width:120px;
	height:77px;
	display:block;
	padding-bottom:0px;
	padding-top:55px;
}

#nav li a:hover {	
	color: #CCCCCC;
}

#nav li:hover, #nav li.current{	
	background-image:url(../img/fondo_bt_menu_hover.jpg);
}

#main_botonera_izq{
	width: 200px;
	height:570px;
	position:absolute;
	top: 0px;
	left: 0px;
}

#menu{
	width: 200px;
	height:auto;
	position:absolute;
	top: 3px;
	left: 0px;
	z-index:1;
}

#menu ul{
	clear:both;
	margin: 0;
	padding:0;
}

#menu li{
	height:37px;
	float:none;
	text-align:left;
	padding-top:1px;
	padding-left:0px;
	margin:auto;
	list-style-type: none;
	border-bottom: 1px solid #CCCCCC;	
}

#menu li a{
	font-weight:bold;
	font-size:11px;
	color: #000000;
	text-decoration: none;
	width:130px;
	height:37px;
}

#menu li a:hover{
	color: #999999;
}

#menu li img{
	float:left;
}

#banner{
	width: 235px;
	height:300px;
	position:absolute;
	top: 200px;
	left: 0px;
	z-index:-1;
}

#derecha{
	background-color: #FFF;
	width: 134px;	
	position:absolute;
	top: 2px;	
	padding-left:3px;
	left:800px;
	border-left: 1px dashed #CCC;
	float:left;
}

#main_prod_fotos{
	width: 240px;	
	position:relative;
	top: 3px;
	left: 215px;
}

.muestra_fotos{
	width: 234px;
	top: 0px;
	padding-left:10px;
	padding-right:3px;
	padding-bottom:3px;
	text-align:center;	
}

#main_prod_descrip_auto{
	width: auto;
	position:absolute;
	padding-left:10px;
	top: 3px;	
	left: 450px;
}

#main_prod_descrip{
	width: 300px;
	position:absolute;
	padding-left:10px;
	top: 3px;	
	left: 450px;
}

#main_prod_descrip h1 {
	font-weight:bold;
	font-size:25px;
	color: #000000;
	display:inline;
}

#tit_eleccion{

	width: 105px;
	height:25px;
	position:absolute;
	font-weight:bold;
	top: 2px;
	float:left;
	padding-left:15px;	
	border-bottom-style: solid;	
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
}

#opciones{	
	width: 130px;
	position:relative;	
	padding-left:10px;	
	display:block;
	float:none;
}

#opciones ul{
	clear:both;
	margin: 0;
	padding:0;
}

#opciones li{
	text-align:left;
	list-style-type: none;
	}

#opciones li p{
	display:inline;
	text-align:right;
}

#opciones li img{
	display:inline;
	cursor:pointer;
	border: 1px solid #fff;
}

#opciones li img:hover{
	display:inline;
	cursor:pointer;
	border: 1px solid #000;
}

/* Para que no se vean las imágenes hasta que se haga mouse over sobre las miniaturas */
#opciones span {
	position: absolute;	
	visibility: hidden;	
	border-bottom: 1px #666;
	left:-550px;
	top:0px;
	z-index:50;
}


/* Estilo de la capa que se ve cuando se pasa el ratón por una miniatura */
#opciones li:hover span {
	visibility: visible;	
	z-index: 50;	
	width: 250px;
}

/* Estilo de las imágenes que se muestran al hacer el mouse over */
#opciones span img{	
	border: 1px solid #000;	
	background-color: #fff;
	max-width:550px;
	height:auto;
}

#main_texto_somos{
	width: 430px;
	position:absolute;
	left: 30px;	
}

#contenedor_main_texto_somos{
	background-image:url(../img/fondo_quienessomos.jpg);
	width: 500px;
	height:540px;
	position:absolute;
	left: 215px;		
}

#main_fotos{
	width: 235px;
	height:570px;
	position:relative;
	float:right;
	left: 0px;	
}

#main_fotos ul{
	clear:both;
	margin: 0;
	padding:0;
}

#main_fotos li{
	list-style-type: none;
}

#main_home_prod{
	width: 800px;
	height:563px;
	position:relative;
}

#texto_home_prod{
	height:170px;
	position:absolute;
	left: 241px;		
}

#main_home_prod ul{
	clear:both;
	margin: 0;
	padding:0;
	list-style-type: none;
}

#main_home_prod ul.productos_rand {
	position: relative;
	margin-left: 250px;
	padding-top: 40px;
	width: 100%;
}

#nube {
	width: 80%;
	margin-left: 250px;	
	padding-top: 60px;
	text-align: center;
	z-index: 2;
}

#nube a{
	color: #777;
	padding: 5px;
}

#main_home_prod ul li {
	width: 33%;
	float:left;
}

#main_home_prod ul.productos_rand  li a {
	display: inline;
}

#main_home_prod ul.productos_rand  li img{
	border: 1px solid #ccc;
	max-width: 185px;
	display: block;
}

#main_home_prod ul.productos_rand  li img:hover{
	border: 1px solid #000;
}

#prod_tiras_flash{
	float:left;
	margin-left: 240px;
	position:relative;
	top:200px;
}

#prod_tiras_flash li p{
	float: left;
	width: 100%;
	display: block;
	line-height: 150px;	
}