@charset "utf-8";
/* Documento CSS */
body{margin:0; padding:0; font:14px/18px Verdana, "Arial", Helvetica, sans-serif; color:#666;}

div, p, ul, h1, h2, h3, h4, form{margin:0px; padding:0px;}
ul{list-style-type:none;}

/*--Menu superior--*/
#menusup{width:100%; height:70px; margin:0 auto;background-color:#ec6e00;}
#menusupcontenido{width:960px; height:70px; margin:0 auto; }
#menusup h1 span{font-size:14px;}
#menusup img{width:280px;height:56px;float:left;top:16px;left:13px;margin-top:5px;}
#menusup ul{width:420px;height:27px;float:right;top:27px;right:0px;margin-top:10px;}
#menusup ul li{float:left; width:82px; height:27px; display:block; margin-top:20px;}
#menusup ul li a{display:block; width:auto; height:27px; color:#fff; font:13px/27px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center; padding-left:4px; padding-right:4px;}
#menusup ul li a:hover{ color:#FFFFFF; text-decoration:none; background-color:#FBA01B;}
#menusup .seleccionado{color:#000000; text-decoration:none;}

/*--/Menu superior--*/

/*--cabeceracuerpo--*/
#cabecera{ min-height:360px; height:auto; background-color:#F0F0F0; color:#666; padding:17px 0 0;}
#cabecera2{ min-height:360px; height:auto; background-color:#ffffff; color:#666; padding:17px 0 0;}
#cabeceracuerpo{width:960px; margin:0 auto;}

/*--cabeceraizq-*/
#cabeceraizq{width:700px; float:left;}
#cabeceraizq h2{width:260px; height:77px; background:url(imagenes/icon1.jpg) 0 50% no-repeat #F0F0F0; color:#D67200; font:26px/77px Arial, Helvetica, sans-serif; padding:0 0 0 60px;}
#cabeceraizq p{padding:10px 72px 0 0;} 
#cabeceraizq p span.boldtext{font-weight:bold;}
#cabeceraizq p.mas{width:118px; height:24px; margin:30px 0 0 550px; padding:0;}
#cabeceraizq p.mas a{width:100px; height:24px; display:block; background:url(imagenes/icon5.jpg) 0 0 no-repeat #F0F0F0; color:#966202; font:16px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 30px; text-decoration:none;}
#cabeceraizq p.mas a:hover{text-decoration:underline;}
/*--/cabeceraizq--*/

/*--cabeceradch--*/
#cabeceradch{width:233px; float:left; margin-left:20px;}
#cabeceradch form{width:233px; height:234px; background:#fff; color:#3B3B3B;}
#cabeceradch form input{width:195px; height:18px; margin:5px 0 10px 18px; }
#cabeceradch form label{width:195px; height:18px; margin:0 0 0 18px; font-weight:bold; }
#cabeceradch form input.button{width:58px; height:24px; float:left; margin:0; background:url(imagenes/login.jpg) 0 0 no-repeat #FEFEFE; color:#fff; border:none; font:14px/18px Georgia, "Times New Roman", Times, serif; font-weight:bold; }
#cabeceradch form h2{width:150px; height:73px; display:block; background:url(imagenes/icon1.jpg) 10% 50% no-repeat #fff; color:#D67200; font:22px/73px Arial, Helvetica, sans-serif; padding:0 0 0 75px;}
#cabeceradch form #register{width:160px; height:24px; float:left; }
/*#cabeceradch form #register a{display:block; background:url(imagenes/icon3.jpg) 10% 50% no-repeat #fff; color:#666; font:22px/24px Arial, Helvetica, sans-serif; padding:0 0 0 35px; text-decoration:none;}
#cabeceradch form #register a:hover{background:url(imagenes/icon3.jpg) 10% 50% no-repeat #fff; color:#000; text-decoration:none;}
#cabeceradch p.online{width:233px; height:88px; margin:18px 0 23px;}
#cabeceradch p.online a{width:189px; height:66px; display:block; color:#fff; font:18px/20px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:22px 0 0 44px;}
#cabeceradch p.online a:hover{text-decoration:none;}*/
/*--/cabeceradch--*/

/*--/cabeceracuerpo--*/

/*--articulos--*/
#articulos{width:960px; margin:0 auto; min-height:460px;}
#articuloscuerpo{width:960px; float:left; margin:0 auto;}

/*--articulosizq--*/
#articulosizq{width:479px; float:left;margin-top:10px;margin-bottom:40px;border-right-width: 1px;border-right-style: dashed;border-right-color: #CCCCCC;}
#articulosizq p{padding:10px 72px 0 0;} 
#articulosizq h2{width:350px; height:57px; background:url(imagenes/icon4.jpg) 0 0% no-repeat #fff; color:#D67200; font:26px/35px Arial, Helvetica, sans-serif; padding:0 0 0 60px;}
#articulosizq h3{width:460px; height:26px; font-size:18px; display:block; color:#666666;}
#articulosizq h3 a{color:#666666; text-decoration:none;}
#articulosizq h3 a,link,visited,active{color:#666666; text-decoration:none;}
#articulosizq h3 a:hover{color:#ec6e00; text-decoration:none;}
/*--/articulosizq--*/

/*--articulosizq2--*/
#articulosizq2{width:479px; float:left;margin-top:10px;margin-bottom:40px;border-right-width: 1px;border-right-style: dashed;border-right-color: #CCCCCC;}
#articulosizq2 p{padding:10px 72px 0 0;} 
#articulosizq2 h2{width:350px; height:57px; background:url(imagenes/icon4.jpg) 0 0% no-repeat #fff; color:#D67200; font:26px/35px Arial, Helvetica, sans-serif; padding:0 0 0 60px;}
#articulosizq2 h3{width:460px; height:26px; font-size:18px; display:block; color:#666666;}
#articulosizq2 h3 a{color:#666666; text-decoration:none;}
#articulosizq2 h3 a,link,visited,active{color:#666666; text-decoration:none;}
#articulosizq2 h3 a:hover{color:#ec6e00; text-decoration:none;}
/*--/articulosizq2--*/

/*--articulosdch--*/
#articulosdch{width:460px; float:left;margin-top:10px;margin-bottom:40px;}
#articulosdch p {padding:0 10px 0 30px;}
#articulosdch p a,link,visited,active{font-family: Arial, Helvetica, sans-serif;color: #666666;text-decoration: none; letter-spacing:0.7px;}
#articulosdch p a:hover{font-family: Arial, Helvetica, sans-serif;color: #666666;text-decoration: underline;}
#articulosdch h2{width:440px; font-size:18px; display:block; padding:0 10px 0 30px; margin:0 0 0;}
#articulosdch h3 span{ font-size:14px; text-transform:none;}
/*--/articulosdch--*/

/*--articulosdc2h--*/
#articulosdch2{width:460px; float:left;margin-top:10px;margin-bottom:40px;}
#articulosdch2 p {padding:0 10px 0 30px;}
#articulosdch2 p a,link,visited,active{font-family: Arial, Helvetica, sans-serif;color: #666666;text-decoration: none; letter-spacing:0.7px;}
#articulosdch2 p a:hover{font-family: Arial, Helvetica, sans-serif;color: #666666;text-decoration: underline;}
#articulosdch2 h2{width:440px; font-size:18px; display:block; padding:0 10px 0 30px; margin:0 0 0;}
#articulosdch2 h3 span{ font-size:14px; text-transform:none;}
/*--/articulosdch--*/

/*--articulos100--*/
#articulos100{width:960px; float:left;margin-top:10px;margin-bottom:40px;border-right-color: #CCCCCC;}
#articulos100 p {padding:5px 10px 0 0; line-height:22px;}
#articulos100 p a,link,visited,active{font-family: Arial, Helvetica, sans-serif;color: #666666;text-decoration: none; letter-spacing:0.7px;}
#articulos100 p a:hover{font-family: Arial, Helvetica, sans-serif;color: #666666;text-decoration: underline;}
#articulos100 h2 {width:960px;font-size:24px;padding:0 10px 10px 0;margin:0 0 0;color:#000000;font-family: Arial, Helvetica, sans-serif;line-height:26px; margin-left:10px;}
#articulos100 h4 {width:960px;font-size:36px;padding:0 10px 10px 0;margin:0 0 0;color:#ec6e00;;font-family: Arial, Helvetica, sans-serif;line-height:26px;}
#articulos100 h2 a{color:#666666; text-decoration:none;}
#articulos100 h2 a,link,visited,active{color:#666666; text-decoration:none;}
#articulos100 h2 a:hover{color:#ec6e00; text-decoration:none;}
#articulos100 h3 {font-family: Arial, Helvetica, sans-serif;width:960px; font-size:18px; display:block; padding:0 10px 20px 0; margin:0 0 0; color:#a9a6a6;line-height:26px;}

/*--articulos100--*/

/*--/articulos--*/

/*--Submenu superior--*/
#submenu{width:100%; height:50px; margin:0 auto;}
#submenucontenido{width:960px; margin:0 auto; }
#submenu h1 span{font-size:14px;}
#submenu ul{width:960px;height:27px;float:left;right:0px;margin-top:10px;}
#submenu ul li{float:left; width:auto; height:27px; display:block;margin-right:5px;}
#submenu ul li a{display:block; width:auto; height:27px; color:#666666; font:13px/27px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center; padding-left:4px; padding-right:4px;}
#submenu ul li a:hover{ color:#bbbbbb; text-decoration:none;}
#submenu .seleccionado{color:#ec6e00; text-decoration:none;}
/*--/Submenu superior--*/

/*---Pie--*/
#pie{height:310px;background-color:#000000; color:#fff; margin:0; padding:0; clear:both;}
#piecuerpo{width:960px; margin:0 auto;}
#piecuerpo img{float:right;text-decoration: none;}
#piecuerpo ul{width:550px; padding-top:10px;}
#piecuerpo li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#piecuerpo ul li a{padding:0 0 0 12px; color:#fff; background:#000000; text-decoration:none;}
#piecuerpo ul li a:hover{text-decoration:underline;}
#piecuerpo ul.templateworld{width:158px; background:#7D7D7D; color:#fff; display:block;  top:120px; left:61px;}
#piecuerpo ul.templateworld li a{background:#7D7D7D; display:block; color:#fff; text-decoration:none;}
#piecuerpo ul.templateworld li a:hover{text-decoration:underline;}
#piecuerpo p.copyright{background:#7D7D7D; color:#fff; font:11px/15px Tahoma,Arial, Helvetica, sans-serif;top:56px; left:61px;}
#piecuerpohtml{width:70px; height:24px; background:url(imagenes/htmlbutton.gif) 0 0 no-repeat; display:block;top:90px; left:61px;}
#piecuerpohtml a{width:59px; height:19px; background: url(imagenes/arrow-normal.gif) no-repeat 50px 4px #FB9217; display:block;top:3px; left:3px; margin:0; padding:0 0 0 5px; color:#fff; text-transform:uppercase; text-decoration:none; font-weight:bold;}
#piecuerpohtml a:hover{background:url(imagenes/arrow-hover.gif) no-repeat 50px 4px #FB9217; color:#fff; text-decoration:none;}
#piecuerpocss{width:58px; height:24px; background:url(imagenes/cssbutton.gif) 0 0 no-repeat; display:block;top:90px; left:135px;}
#piecuerpocss a{width:46px; height:19px; background: url(imagenes/arrow-normal.gif) no-repeat 40px 5px #FCD927; display:block;  top:3px; left:3px; margin:0; padding:0 0 0 5px; color:#fff; text-transform:uppercase; text-decoration:none; font-weight:bold;}
#piecuerpocss a:hover{background:url(imagenes/arrow2-hover.gif) no-repeat 40px 5px #FCD927; color:#fff; text-decoration:none;}

/*---Pie--*/
#redes{float:left;width:310px; margin-right:10px;}
#servicios{float:left;width:310px; margin-right:10px;}
#contacto{float:left;width:320px;}
#menuinf{margin-top:20px;}

.flotarizq{float:left;}
.enlace img{border:0px;}
.lineainf{border-top-width: 1px;border-top-style: solid;border-top-color: #333333;}
.lineainfnove{border-top-width: 2px;border-top-style: solid;border-top-color: #edeceb; width:100%;}
.textopie{font-family: Arial, Helvetica, sans-serif;line-height:20px;}
.textonaranja{color:#ec6e00;}
.textoblanco{color:#ffffff;}
.textogris{color:#666666;}
.texto12{font-size: 12px;}
.texto18{font-size: 18px;}
.texto28{font-size: 28px;}
.paneoizq30{padding:0 10px 0 30px;}
.margen10izq{margin-left:10px;}
.margen30dch{margin-right:30px;}
.margen10abajo{margin-bottom:10px;}
.margen13arriba{margin-top:13px;}
.bordegris{background-color: #FFFFCC;border: 1px solid #CCCCCC;}
.arial{font-family: Arial, Helvetica, sans-serif;}
.imagenizq{ float:left;}

.enlacegris{font-family: Arial, Helvetica, sans-serif;font-style: normal;font-weight: normal;font-variant: normal;color: #ebebeb;text-decoration: none;line-height:30px;}
.enlacegris a,link,visited,active{font-family: Arial, Helvetica, sans-serif;font-style: normal;font-weight: normal;font-variant: normal;color: #ebebeb;text-decoration: none;}
.enlacegris a:hover{text-decoration: underline;color: #FFFFFF;}

.enlacegrisoscuro{font-family: Arial, Helvetica, sans-serif;font-style: normal;font-weight: normal;font-variant: normal;color: #666666;text-decoration: none;line-height:30px;}
.enlacegrisoscuro a,link,visited,active{font-family: Arial, Helvetica, sans-serif;font-style: normal;font-weight: normal;font-variant: normal;color: #666666;text-decoration: none;}
.enlacegrisoscuro a:hover{text-decoration: underline;color: #FFFFFF;}

.enlaceblanco{font-family: Arial, Helvetica, sans-serif;font-style: normal;font-weight: normal;font-variant: normal;color: #ffffff;text-decoration: none;line-height:30px;}
.enlaceblanco a,link,visited,active{font-family: Arial, Helvetica, sans-serif;font-style: normal;font-weight: normal;font-variant: normal;color: #ebebeb;text-decoration: none;}
.enlaceblanco a:hover{text-decoration: underline;color: #FFFFFF;}

.enlacenaranja{font-family: Arial, Helvetica, sans-serif;font-style: normal;font-weight: normal;font-variant: normal;color: #ec6e00;text-decoration: none;line-height:20px;}
.enlacenaranja a,link,visited,active{font-family: Arial, Helvetica, sans-serif;font-style: normal;font-weight: normal;font-variant: normal;color: #ec6e00;text-decoration: none;}
.enlacenaranja a:hover{text-decoration: underline;color: #FFFFFF;}

.enlacenaranja2{font-family: Arial, Helvetica, sans-serif;font-style: normal;font-weight: normal;font-variant: normal;color: #ec6e00;text-decoration: none;line-height:30px;}
.enlacenaranja2 a,link,visited,active{font-family: Arial, Helvetica, sans-serif;font-style: normal;font-weight: normal;font-variant: normal;color: #ec6e00;text-decoration: none;}
.enlacenaranja2 a:hover{text-decoration: underline;color: #666666;}

/*---Slider--*/
#slider-wrapper {width:700px;height:340px;}
#slider {width:700px;height:340px;background:url(imagenes/loading2.gif) no-repeat 50% 50%;}
#slider img {position:absolute;top:0px;left:0px;display:none;}
#slider a {border:0;display:block;}
.nivo-controlNav {position:absolute;left:600px;bottom:-18px;}
.nivo-controlNav a {display:block;width:22px;height:22px;background:url(imagenes/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.nivo-controlNav a.active {background-position:0 -22px;}
.nivo-directionNav a {display:block;width:30px;height:30px;background:url(imagenes/arrows.png) no-repeat;text-indent:-9999px;border:0;}
a.nivo-nextNav {background-position:-30px 0;right:15px;}
a.nivo-prevNav {left:15px;}
/*.nivo-caption {text-shadow:none;font-family: Helvetica, Arial, sans-serif;}*/
.nivo-caption {font-family: Helvetica, Arial, sans-serif;}
.nivo-caption a { color:#efe9d1;text-decoration:underline;}

/* The Nivo Slider styles */
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none;}

/* The slices in the Slider */
.nivo-slice {display:block;position:absolute;z-index:50;height:100%;}

/* Caption styles */
/* .nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8;width:100%;z-index:89;}*/
/*.nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;width:100%;z-index:89;}*/
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position:absolute;top:45%;z-index:99;cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {position:relative;z-index:99;cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}

/* Lightbox*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/imagenes/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/imagenes/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Lightbox*/