@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
	border:none;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #03283a;
	font-style: normal;
	line-height: 24px;
	font-weight: normal;
}
body {
	background-image: url(../imagenes/bg.jpg);
	background-repeat: repeat-x;
	background-color: #03283A;
	margin:0;
	padding:0;
}
.Estilo1 {color: #FFFFFF}
.Estilo2 {
	font-size: 24px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #03283a;
}
h1 {
	font-size: 28px;
	color: #03283a;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
/************************************** PRODUCTOS *******************************/
#productos {
	width:960px;
	overflow:auto;
	margin:0 auto;
	padding:20px 20px;
	background:#F3F3F3;
} 
#productos h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #03283a;
	text-align:left !important;
}
#productos .volver {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	color:#03283a;
	border:none;
}
#productos .volver:hover {
	margin:0px;
	color:#444;
}
/************************************** POPUPS *******************************/
#productos #popup {
	float:left;
	width:27%;
	height:250px;
	margin:50px 20px;
    padding:10px;
	text-align:center;
    background:#FFF;
    -webkit-box-shadow: 1px 1px 3px rgba(50,50,50,.6);
    -moz-box-shadow: 1px 1px 3px rgba(50,50,50,.6);
    box-shadow: 1px 1px 3px rgba(50,50,50,.6);
}
#productos #popup img {
	margin:5px 0px;
}
#productos #popup h3 {
	margin:10px 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #03283a;
}
#productos #popup input {
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #03283a;
	background:none;
} 
#productos #popup input:hover {
	color:#444;
} 
.cssToolTip {
 	position: relative;
 	color: #FFF;
}
.cssToolTip span {
	width:200px;
 	background:rgba(20,20,20,0.95); 
 	border:2px solid #777;
 	border-radius: 5px;
 	box-shadow: 5px 5px 5px #333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
 	color: #FFF;
	display: none;
 	font-size: 0.8em;
 	padding: 10px;
 	max-width: 6000px;
 	position: absolute;
 	top: -160px;
 	left: -20px;
 	z-index: 100
}
.cssToolTip:hover span {
 	display: inline;
}
/************************************** DETALLE *******************************/
#productos #detalle {
	width:95%;
	overflow:auto;
	margin:20px 0 0 0;
	padding:20px;
	background:#D8D8D8;
	border-bottom:2px solid #03283a;
}
#productos #detalle #imgdetalle {
	float:left;
	width:38%;
}
#productos #detalle #imgdetalle img {
	border:3px solid #666;
}
#productos #detalle #ficha {
	float:right;
	text-align:left !important;
	width:60%;
	overflow:auto;
}
#productos #detalle #ficha h2 {
	text-align:left !important;
	margin:20px 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #03283a;
	border-bottom:2px solid #03283a;
	padding-bottom:3px;
}
#productos #detalle #ficha p {
	margin-bottom:20px;
}
a {
	color:#FFF;
	padding-bottom:40px;
}
a:hover {
	text-decoration:underline;
}