/* CSS Document */
body {margin:auto;  background: #fff url(imagenes/bgweb.png) repeat-x;	font: 0.75em/1.5 Helvetica;}
#header {margin: auto; height: 180px; width: 100%;}
#header-in {margin: auto; height: 170px; width: 900px;}
#logo{margin: auto; height: 170px; width: 365px; float: left;}
#menu{margin: auto; height: 170px; width: 535px; float: left;}
#menulinks{margin: auto; height: 20px; width: 535px; float: left; padding-top: 143px;}
#slide {margin: auto; height: 420px; width: 100%; text-align: center;}
#slide-in {margin: auto; height: 420px; width: 900px;}
#articulos {margin: auto; height: 410px; width: 900px; padding-top: 10px;}
#boxinicio {margin: auto; width: 673px; height: 420px; float: left; border-right: 2px solid #fff;}
#boxcompleto {margin: auto; width: 660px; height: 390px; float: right; text-align: justify; padding: 15px 0px 15px 15px;}
#boxservicios {margin: auto; width: 630px; height: 390px; float: left; text-align: justify; padding: 15px;}
#boximgizq {margin: auto; width: 223px; height: 420px; float: left; border-right: 2px solid #fff;}
#novedades {margin: auto; width: 225px; height: 235px;  float: left;background: url(imagenes/bgnovedades.png) no-repeat; text-align: left; padding-top: 25px; overflow: auto; }
#twitter_div {margin: auto; width: 225px; height: 135px; text-align: left; float: left;background: url(imagenes/bgtwitter.png) no-repeat; text-align: left; padding-top: 25px;}
#bannersfooter {margin: auto; height: 125px; width: 900px; text-align: center;}
#bf01 {margin: auto; height: 125px; width: 225px; text-align: left; float: left;}
#bf02 {margin: auto; height: 125px; width: 225px; text-align: left; float: left;}
#bf03 {margin: auto; height: 125px; width: 225px; text-align: left; float: left;}
#bf04 {margin: auto; height: 125px; width: 225px; text-align: left; float: left;}
#footer {margin: auto; height: 25px; width: 900px; text-align: right;background: url(imagenes/footer.png) no-repeat; padding-top: 18px;}

#navi {list-style:none;	margin:0;	padding:0;}
#navi li {margin:1px;	padding:0; float:left;}
#navi li a {display:block; 	width:100px; height: 23px;	padding:4px 0;	text-decoration:none;	text-align:center;	font-size:14px;	color:#fff;background: url(imagenes/menu-on.png) no-repeat; padding-bottom: 2px;}
#navi li a:hover {color:#24488b;	background: url(imagenes/menu-over.png) no-repeat;}

.textofooter{color: gray;font-size: 11px;}
.textofooter a{color: gray;font-size: 11px;  text-decoration: none;}
.textofooter a:hover{color: #395592; font-size: 11px;text-decoration: none;}

.ultwitter_update_list{list-style-image: url(imagenes/ultwitter.png); color: #eaeaea; font-size: 12px; text-decoration: none;}
.ultwitter_update_list a{list-style-image: url(imagenes/ultwitter.png); color: #a1d6fe;font-size: 12px; text-decoration: none;}
.ultwitter_update_list a:hover{list-style-image: url(imagenes/ultwitter.png); color: #a1d6fe;font-size: 12px; text-decoration: underline;}

.ulnovedades_update_list{list-style-image: url(imagenes/ulnovedades.png); color: #eaeaea; font-size: 12px; text-decoration: none;}
.ulnovedades_update_list a{list-style-image: url(imagenes/ulnovedades.png); color: red;font-size: 12px; text-decoration: none;}
.ulnovedades_update_list a:hover{list-style-image: url(imagenes/ulnovedades.png); color: red;font-size: 12px; text-decoration: underline;}

.fechanovedades {color:#fff000;font-size:14px;}

.xhtml{ float: left;}

#box1{position:absolute;}
#box1 span{display:block;float:left;}
.mask1index{	position:relative;width:673px;height:420px;overflow:hidden;}
.sampleindex{margin:auto;width:673px;height:420px;float:left;}

.textoboxcompleto {color: #eaeaea;font-size: 12px;}
.textoboxcompleto a{color: #a1d6fe;font-size: 12px;  text-decoration: none;}
.textoboxcompleto a:hover{color: #a1d6fe; font-size: 12px;text-decoration: underline;}

.textoavisoformulario {color: #fff;font-size: 12px; text-align: right;}

#cajaformulario {width: 310px; height: 300px; float: left;}
.formulario { 	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #24488b; background-color: #a1d6fe; width: 310px; min-height: 20px; border: 0px; overflow: auto;}
.boton{font: 14px Helvetica;	background-color: #24488b; color: #a1d6fe;	border: 1px dotted #a1d6fe; margin-top: 2px; padding-top: 2px;}
#textocontacto {width: 320px; height: 205px; float: left; margin-right: 30px;}

h3 {font: 0.75em/1.5 Helvetica;font-size: 24px; color: #a1d6fe;}
.sample{padding:0; margin:0; border:0}
.buttons{padding:0px;}
.buttons span{color:#a1d6fe;padding:0px 10px;cursor:pointer;}
.buttons span.active, .buttons span:hover{color:#a1d6fe; text-decoration: underline;}
.mask1{	position:relative;	width:660px; 	height:320px;	overflow:hidden;}

/* Sample 8*/
#box8{ position:absolute;}
#box8 div{	width:660px; height: 390px;	float:left;}
#box8 .buttons{	text-align:left}
#box8 .next{	float:right}
#box8 img{	width:250px;	width:200px;	float:left;	margin:0 10px 10px 15px;}
.sample8 .buttons{	text-align:left;	clear:both;}
 
#log {width: 310px; margin-bottom: 5px; background-color: red; float: right; }
#log_res {width: 300px;overflow: auto;}
#log_res.ajax-loading {	padding: 5px ; 	}