body,td,th {

	font-family: Arial, sans-serif;

	font-size: 11pt;

	line-height: 1.3;

	color: #333;

	font-weight: normal;

}

body {

	/*background: url('http://www.lentisol.com/themes/leotrac/img/patterns/pattern5.png') #333 repeat;*/

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;
	 	

/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, circle closest-corner, #B8F5FF 0%, #358CEF 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, circle closest-corner, #B8F5FF 0%, #358CEF 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, circle closest-corner, #B8F5FF 0%, #358CEF 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #B8F5FF), color-stop(1, #358CEF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, circle closest-corner, #B8F5FF 0%, #358CEF 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(circle closest-corner at center, #B8F5FF 0%, #358CEF 100%);

}


a {

	color: #489BF1;

	text-decoration: none;

}

a:hover {

	color: #489BF1;

	text-decoration: underline;

}



h1 {

	text-transform: uppercase;

	color: #333;

	font-size: 28pt;

	text-align: left;

	border-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #d1d1d1;

	padding: 20px 0px 10px 10px;

	background: #CDE9FF;

}



h2 {

	color: #333;

	font-size: 16pt;

	font-style: italic;

	line-height: 0em;

	padding-top: 40px;

}



#cabecera {

	width:970px;

	height: 150px;

	display: block;

	margin:0 auto;

	background: url('../images/cabecera-repuestos-de-gafas.jpg') #f1f1f1;

	box-shadow: 0px 3px 6px 0px #666;

}



#menu {

	height: 40px;

	width: 100%;

	background: #333333;

	background: -moz-linear-gradient(top,  #333333 0%, #000000 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#000000));

	background: -webkit-linear-gradient(top,  #333333 0%,#000000 100%);

	background: -o-linear-gradient(top,  #333333 0%,#000000 100%);

	background: -ms-linear-gradient(top,  #333333 0%,#000000 100%);

	background: linear-gradient(to bottom,  #333333 0%,#000000 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 );

	color: #FFF;

	clear:both;

	float:left;

	overflow:hidden;
	

}



#pie {

	height: 20px;

	width: 940px;

	background: #333;

	color: #d1d1d1;

	font-size: 8pt;

	text-align: left;

	padding-top: 10px;

	padding-left: 30px;

}



#pie a {

	color: #FFF;

}



#pie a:hover {

	text-decoration: none;

	color: #CDE9FF;

}



ul.menu {

	float:left;

	/*left:50%;*/

	padding-left: 20px;

	list-style-type:none;

	margin:12px auto;

	padding:0;

	position:relative;

}



ul.menu li {

	float:left;

	position:relative;

	/*right:50%;*/

	text-transform: uppercase;

	padding-left: 50px;

	font-weight: bold;

}



ul.menu a {

	color: #FFF;

}



ul.menu a:hover {

	text-decoration: none;

	color: #CDE9FF;

}



.activo {

	color: #CDE9FF!important;

}



#ventana1 {

	background-color: #FFF;

	width: 970px;

	height: auto;

	margin: 0 auto;

	box-shadow: 0px 0px 60px #000;

}



#contenido {

	padding: 10px 50px 40px 50px;

}



.boton {

    background: rgb(54, 141, 239); /* this is a light blue */

	color: white;

    border-radius: 4px;

	font-size: 14pt;

    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

}



#marcas {

	vertical-align: top;

	display: inline-block;	

	width: 910px;

	text-align: left;

	margin: 0px 0px 0px 0px;

	cursor: pointer;

	padding-bottom: 30px;

}



#divImgGlasses img{

	display: none;

}

#divImgGlasses #imgGlass1{display: block;}

#aElegirDeNuevo{float: right; margin-right: 50px;}



a.tooltips {

  position: relative;

  display: inline;

}

a.tooltips span {

  position: absolute;

  width:140px;

  color: #FFFFFF;

  background: #368DEF;

  height: 40px;

  line-height: 40px;

  text-align: center;

  visibility: hidden;

  border-radius: 6px;

}

a.tooltips span:after {

  content: '';

  position: absolute;

  top: 100%;

  left: 50%;

  margin-left: -8px;

  width: 0; height: 0;

  border-top: 8px solid #368DEF;

  border-right: 8px solid transparent;

  border-left: 8px solid transparent;

}

a:hover.tooltips span {

  visibility: visible;

  opacity: 0.9;

  bottom: 80px;

  left: 50%;

  margin-left: -76px;

  z-index: 999;

}



#formulario {

	width: 100%;

	display: inline-block;

	vertical-align: top;

}



#form_col1 {

	width: 50%;

	float:left;

}



#form_col2 {

	width: 50%;

	float:right;

}



#mensajeEnvio{

	background-color:#368DEF;

	color:white;

	font-size: 20px;

	position: fixed;

	text-align: center;

	z-index: 200;

	padding:30px 0px;

	width: 100%;

}