/*
	Hoja de Estilos Codema Ltda.
	crea7ive, solucione web.
	Desarrollo: Luis Vega M. <lvega@crea7ive.cl>
	Junio 2011
*/

/* Estilos por defecto */
* { margin: 0 auto; padding: 0; border: 0; }
*:focus {outline: none;}

input, select, textarea {font-size: 12px; font-family: Arial; border: 1px solid #CFCDCE; padding: 5px 10px 5px 10px;background: #FFF url(../img/bg-input.jpg) top repeat-x; }
input:focus, textarea:focus, select:focus { border: solid 1px #ffcc00; }
input[readonly] {background: buttonface;}
input, textarea { vertical-align:middle;}
input, textarea {width: 450px;}

.btn-frm {cursor: pointer; border: 0; color: #fff; font-weight: bold; background: url(../img/btn-frm.jpg) no-repeat; width: 100px; height: 30px; padding-bottom: 15px; letter-spacing: 1px;}
.btn-frm:hover { opacity: .9; }

body {margin:15px 0 15px 0;padding:0;background:#EDEDED;color:#999;text-align:center;font-family:"Arial";font-size:12px;vertical-align:baseline;}

h1 { padding: 7px 0 5px 0; margin: 0; font-size: 20px; color: #333; font-weight: bold; text-shadow: 1px 1px #FFF;}
h2 { font-size: 16px; font-weight: bold;  margin: 5px 0 5px 0; padding: 5px 0 5px 0; border-bottom: 1px dotted #D0DEE8;line-height: 22px;}
h3 { font-size: 12px; margin: 3px 0 3px 0; line-height: 18px; }
h4 { font-size: 14px; color: #113A6B; font-weight: bold; margin: 5px 0 5px 0; padding: 5px 0 5px 0; border-bottom: 1px dotted #D0DEE8;}


/* Links por defecto */
a:link { color: #0099CC; text-decoration: none;}
a:visited { color: #0099CC; text-decoration: none;}
a:active { text-decoration: none;}
a:hover { color: #0099CC; text-decoration: underline;}

/* Links header */
a.l2:link {color: #006699; text-decoration: none}
a.l2:visited {color: #006699; text-decoration: none}
a.l2:active {text-decoration: none}
a.l2:hover {color:#006699; text-decoration: underline;}

#contenedor { margin: auto; text-align:left; width: 920px; overflow: hidden; background: #FFF; border: 1px solid #CCC; overflow: hidden; }
#contenedor {padding: 20px;}

#header { margin:auto; text-align: center; width: 920px; height: 70px; overflow: hidden;}
/*#header #accesos {width: 300px;}*/
#header #accesos a { display:block;margin:0px 5px 0 0;padding:0 5px 0 0;float:right;border-right:1px dotted #999;}
#header #accesos .fecha {color: #999; font-size: 11px; float: right; text-align: left; margin-left: 5px;}
#header #accesos a img {float:left;margin:0 5px 0 5px;}
#header #accesos a.webmail {display:block;margin:0 5px 0 0;padding:0 5px 0 0;border-right:none;float:right;}
#header #logo {float:left;margin:0;}

/* Slide */
#slider{ position:absolute; top:15px;width:920px;height:175px;overflow:hidden;padding-bottom:15px; margin-bottom:0;}
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px; display:none;}
/* 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%; width:100%;}
.nivo-prevNav  {background: url(../img/arrow-left.png) no-repeat 0% 0%;display: block; width: 49px; height: 49px; overflow: hidden; position: absolute; cursor:pointer; z-index:99; text-indent:-5000px; left: 26px; bottom:0px; }
.nivo-prevNav:hover {background-position: 0% 100% !important;}
.nivo-nextNav{background: url(../img/arrow-right.png) no-repeat 0% 0%;	display: block;	width: 49px;height: 49px;overflow: hidden;cursor:pointer;position: absolute;text-indent:-5000px;z-index:99;	bottom:0px;	left: 75px;}
.nivo-nextNav:hover {background-position: 0% 100% !important;}

#sombra-slide {background:url(../img/sombra-slide.jpg) top center no-repeat; width: 920px; height: 24px;margin: 0;}

#wrapper {overflow: hidden; margin:0;}

/* Menu */
#sidecontent { margin: 0 0 15px 0;float: left; overflow: hidden; width: 910px; border:1px solid red;}
#sidecontent img {margin-bottom: 10px;}

#menu {margin: 0 auto 15px auto; clear:both; overflow: hidden; width: 920px;  }
#menu { font: 14px Arial; font-weight: normal; display: block; }
#menu ul{ list-style-type: none; }
#menu ul { margin: 0; padding: 0; display: block; margin-bottom: 10px; background: #0754F8;}
#menu li { float: left;  background: #0754F8; border-right: 1px solid #0D75F2; }
#menu li.active a { color: #fff; text-shadow: 1px 1px #000; background: #0C71F3; }
#menu a { font-weight:normal; text-decoration: none; padding: 11px 36px 12px 36px;  color: #FFF; display: block; border: 0;}
#menu a:hover { color: #fff; background: #0438A7; }

#menu li ul { opacity: 0.95; display: none; position: absolute; width:201px; top: 0px; left: 0; margin-top:-2px; margin-left:0px; z-index:999; }
#menu li>ul { top: auto; left: auto; }
#menu .sub li { z-index:999; width:95%; height: 30px; background:none; border: 0; margin: 0 5px 0 5px; text-align: left; }
#menu .sub li:last-child { border-bottom: 0; }
#menu .sub li a { font-family: Arial; color: #FFF; background:none; text-transform: none; padding: 6px 5px 6px 7px; display: block; font-size: 13px; text-shadow: none; } 
#menu .sub li a:hover { color: #FFF; text-decoration:none; background: #0438A7;  }
#menu .sub span {color: #FFF; }
#menu ul { background: #0754F8; }
#menu li:hover ul { border:0; display: block; padding: 5px 0 5px 0; z-index:999; }
#menu li:hover {  }

#contenidos { width: 915px; margin: 5px auto; clear: both; overflow: hidden; }
#contenidos .texto { line-height:20px;margin: 10px 0 10px 0; padding: 10px;}
#novedades .texto { line-height:20px;margin: 10px 0 10px 0; padding: 10px;}


/* Detalle Noticia y Giras */
.noticia-principal {font-family: "Arial"; text-align: left; overflow: hidden; float: right; width: 680px;}				
.noticia-principal .titulo {text-align: left; margin:0 0 0 10px; padding: 0;  letter-spacing: 0px;  width: 95%; }
.noticia-principal .titulo h1 { font-size: 20px; font-weight: bold; text-shadow: none; line-height: 22px; color: #333; }
.noticia-principal .datos {text-align: left; font-size: 10px; color: #999; border-bottom: 1px dotted #EAEAEA; width: 100%; padding-bottom: 5px; margin:0 0 0 10px; }
.noticia-principal .texto {float: left; margin: 0; color: #666; width: 440px; line-height: 20px;}
.noticia-principal .texto-sin {float: left; margin: 10px 0 0 10px; color: #666; width: 100%; line-height: 20px;}
.noticia-principal .vermas {margin:0; text-align: left; font-size: 10px; color: #999;}
.noticia-principal .img-noticias { margin: 25px 0 0 10px; padding: 3px; float: right; border: 1px solid #eaeaea;}

#titulos {width: 98%; min-height: 35px; background: url(../img/bg-h1.jpg) left top repeat-x; padding: 0 0 0 10px;}

#novedades {float:left;margin-right:10px; width: 890px;}
#novedades .fecha {float:right;font-size:10px;letter-spacing:0;color:#999;margin:4px 0 0 0;padding:0;}
#novedades .novedad {clear:both;overflow:hidden;margin:0 0 5px 0;}
#novedades .novedad img {float:left;margin:10px 15px 15px 0; }
#novedades .img-noticia {float:left; margin: 0 15px 0 0; border: 2px solid #dedede;}
#novedades .novedad p {color:#999;text-align:left;line-height:18px;font-size:12px;font-family:Arial; margin: 13px 0 10px 0;}
#novedades .ver-mas {margin-top: 10px; background: url(../img/bg-ver-mas.jpg) left top repeat-x; width: 90px; padding: 5px 0 5px 0; float: left; border: 1px solid #E9E8E8; color:#0099ff;text-align:center;font-size:11px;font-family:Arial;}
#novedades .ver-mas a {border:0; color: #333;}
#novedades .ver-mas a:hover {text-decoration:underline;color: #006699;}
.paginador {font-size: 11px; clear: both; padding: 6px; text-align: left; font-size: 10px; font-family: Arial; color: #666;}

/* Videos Destacados */
.cont-videos { padding:15px 0; margin: 20px 0; text-align: center; width: 100%; overflow: hidden; border-top: 4px solid #eaeaea; background: #FFF url('../img/bg-videos.jpg') bottom repeat-x; padding-bottom: 10px; float: left;}
.tbl-videosp {width: 95%; padding: 0; border: 0; margin-left: 0; float: left; margin-top:10px;}
.tbl-videosp td {padding: 4px 3px 2px 8px;}
.todos-videosp {font-family: "Arial"; text-align: left; overflow: hidden; clear: both; margin-bottom: 1px;}
.todos-videosp .img-noticias {border: 1px solid #DDD; padding: 2px;}
.videosp {text-align: center; width: 963px; overflow: hidden; font-size: 10px; font-family: "Arial";}
.videos-destacados{clear: both; font-family: "Arial"; margin-bottom:1px; margin-top:2px; color: #999; font-size: 18px; text-align: left; }
.vid {font-weight: bold; color: #669900;}
.videosp .titulo {float: left; margin:0; padding: 0 0 3px 0; color: #666; font-size: 11px; font-weight: normal; width: 150px;}
.todos-videosp .datos {float: left; margin-bottom: 1px; margin-top: 2px; font-size: 10px; color: #999; width: 150px;}
.videosp .vermas {width: 150px; margin-top:1px; text-align: left; font-size: 10px; float: left; color: #999;}

/* Tabs*/
ul.tabs { margin: 0;padding: 0;float: left;list-style: none;height: 32px;border-bottom: 1px solid #999;border-left: 1px solid #999;width: 100%;}
ul.tabs li {float: left;margin: 0;padding: 0;height: 31px;line-height: 31px;border: 1px solid #999;border-left: none;margin-bottom: -1px;overflow: hidden;position: relative;background: #e0e0e0;}
ul.tabs li a {text-decoration: none;color: #000;display: block;font-size: 12px;padding: 0 15px;border: 1px solid #fff;outline: none;}
ul.tabs li a:hover {background: #ccc;}

html ul.tabs li.active, html ul.tabs li.active a:hover  {background: #fff;border-bottom: 1px solid #fff;}

/* Tabs Contenidos */
.tab_container {border: 1px solid #999;border-top: none;overflow: hidden;clear: both;float: left; width: 100%;background: #fff;}
.tab_content {padding: 10px;font-size: 12px;}

#formularios { width: 620px; padding: 5px; margin: 10px 0 0 10px; background: #FAFAFA; border: 1px solid #CCC; overflow: hidden; float:left;}
#formularios .frm-titulo { display: block; font-weight: bold; padding: 2px; color: #666; }

#img-contacto { float: right; margin-top: 10px; margin-left: 10px;}

.titulo2 {text-align: left; font-family: Arial; margin: 5px 0 5px 0; font-weight: bold; color: #ff6600; font-size: 14px; border-bottom: 1px dotted #CCC; padding-bottom: 5px; }

.datos {text-align: left; margin:0; font-size: 10px; color: #999;}

.titulo-video {text-align: left; margin:0; padding: 0; color: #333; font-size: 12px; font-weight: normal; width: 238px; border-bottom: 0;}
.titulo-videop {text-align: left; margin:0; padding: 0; color: #333; font-size: 12px; font-weight: normal; width: 150px; border-bottom: 0;}

.todos-video .vermas {margin:0; text-align: left; font-size: 10px; float: left; color: #999;}

/* Todos los videos */
.todos-videos {width: 100%; font-family: Arial; text-align: left; overflow: hidden; clear: both; margin-bottom: 0; }
.todos-videos .titulo {text-align: left; margin:0; padding: 0; color: #333; font-size: 12px; font-weight: normal; width: 238px; border-bottom: 0;}
.todos-videos h2 { font-size: 13px; border-bottom:0; margin:0; padding:0; }
.todos-videos h3 { font-size: 12px; border-bottom:0; margin:0; padding:0; }
.todos-videos .img-videos { margin: 0; padding: 2px; border: 1px solid #eaeaea;}
.todos-videos td { text-align: center;}
.todos-videos { position:relative; width:100%; float:left; margin-right:5px;vertical-align:top;}

.todos-videosp { position:relative; width:100%; float:left; text-align: left; vertical-align:top;}

.tbl-videos {width: 900px; padding: 0; clear: both; margin: 0 auto;}

#video-box { float: right; width: 650px; overflow: hidden; }

.lista-videos { float: left; width: 220px; }
.lista-videos ul { list-style-type:none; }
.lista-videos ul li { line-height: 18px; padding: 5px 0; border-bottom: 1px dotted #ccc; }

#mas-misiones .mision img { display:none; }

.play {background: url(../img/play.png) repeat; width:234px; height:150px; position:absolute; margin-top: 20px; top:0; left:0; }
.play2 {background: url(../img/play2.png) repeat; width:150px; height:103px; position:absolute; margin-top: 20px; top:0; left:0; }
.play-cat{background: url(../img/play.png) repeat; width:234px; height:150px; position:absolute; margin-top: 5px; top:0; left:0; }

hr {width: 238px; height:0px; text-align:left; border-top:0px; border-bottom: 1px solid #eaeaea; margin-bottom: 10px; float: left; }

/* Footer */
#footer { margin: 7px auto; width:960px;  color: #B0B0B0;  overflow: hidden;  margin-top: 15px;  text-align: center; }
#footer #izq { float: left;  text-align: left;  line-height: 20px; color: #666; }
#footer #der { float: right; text-align:right; }