/*
CSS Document
TPS - Inicio
Descripcion: estilos para portada inicio
*/

/*----------------- Area 2 -----------------*/
a, a:link, a:active, a:visited {text-decoration:none;}
/*contenido slider*/
.caroufredsel_wrapper {width:100%;}
.list_carousel {margin:0; width:100%; overflow:hidden; position:relative; box-shadow:20px 30px 40px #333333;}
.list_carousel ul {display:block; list-style:none; margin:0; padding:0; overflow:hidden; max-height:600px;}
.list_carousel li {font-size:40px; color:#999; text-align:left; background-color:#eee; width:100%; padding:0; margin:0; display:block; float:left; position:relative; overflow:hidden; /*min-height:500px;*/}
.list_carousel li img {width:100%; height:auto; display:block;}
.list_carousel li article {width:1035px; margin:0 auto; position:absolute; right:14%; top:0;}
/*textos slider*/
.box-txt { width:650px; position:absolute; top:55px; right:0;}
.box-txt h2.titular {margin:0 0 5px 0;}
.box-txt h2.titular a {font-family:oswald,Arial,Helvetica,sans-serif; font-size:45px; color:#FFF; text-decoration:none; text-shadow: 1px 1px 0px #333333;}
.box-txt p {font-family:oswald,Arial,Helvetica,sans-serif; font-size:18px; line-height:22px; font-weight:normal; color:#FFF; text-shadow:1px 1px 0px #333333; width:455px; float:left; background:url("/tps/imag/bg/bg02.png") repeat left top; padding:8px 15px;}
.box-txt a.vermas {background:url(/tps/imag/bg/mas.png) no-repeat left top; width:33px; height:33px; display:block; float:right; margin:20px 70px 0 0;}
/*flechas slider*/
.clearfix {width:1000px; display:block; position:absolute; top:250px; right:0; left:0; margin:0 auto;}
.clearfix .prev {background:url(/tps/imag/bg/arrow_prev.png) no-repeat left top; width:44px; height:68px; margin:0; text-align:left; float:left;}
.clearfix .next {background:url(/tps/imag/bg/arrow_next.png) no-repeat left top; width:44px; height:68px; margin:0; text-align:left; float:right;}
/*botones redondos slider*/
.pager {float:right; width:150px; text-align:center; margin: 245px auto 0;}
.pager a {background:url(/tps/imag/bg/bullet_of.png) no-repeat left top; width:13px; height:13px; display:block; margin:0 5px 0 0; float:left;}
.pager a.selected {background:url(/tps/imag/bg/bullet_on.png) no-repeat left top;}
.pager a span { display:none;}

/*----------------- FIN Area 2 -----------------*/


/*----------------- Area3 -----------------*/
#main-home .cont {position:relative;}
#item {width:983px; background:url(/tps/imag/bg/linea.png) no-repeat left bottom; margin:0 auto; padding:35px 0 20px 17px;}
#item article.banner {width:465px; height:140px; margin:0 10px 15px 0; background-color:#FFFFFF; border-bottom:10px solid #4a84c0;}
#item article.banner + .banner {width:235px; height:140px;}
#item article.banner:hover {cursor:pointer;}
#item article.banner .foto {float:right; margin:20px 10px 0 0; padding:4px; border-radius:5px; background:#FFFFFF;}
#item article.banner h3 {margin:27px 0 0 20px; font-family:oswald,Arial,Helvetica,sans-serif; color:#394959; font-size:20px;}
#item article.banner h3 a {font-family:oswald,Arial,Helvetica,sans-serif; color:#394959;}
#item article.banner span {margin:5px 100px 0 20px; display:block; font-family:oswald,Arial,Helvetica,sans-serif; color:#999999; font-size:18px; font-weight:normal;}
#item article.banner p {margin:5px 0 0 20px; font-family:oswald,Arial,Helvetica,sans-serif; color:#ffffff; font-size:13px; font-weight:normal;}


#item article.banner DIV h3 {margin:35px 0 0 20px; font-family:oswald,Arial,Helvetica,sans-serif; color:#fff; font-size:20px;}
#item article.banner DIV  h3 a {font-family:oswald,Arial,Helvetica,sans-serif; color:#fff;}
#item article.banner DIV span {margin:5px 0 0 20px; display:block; font-family:oswald,Arial,Helvetica,sans-serif; color:#fff; font-size:18px; font-weight:normal;}
#item article.banner DIV p {margin:5px 0 0 20px; font-family:opensansL,Arial,Helvetica,sans-serif; color:#ffffff; font-size:13px; font-weight:normal; clear:both; border-top:1px solid #7f9fbe; padding:5px 10px 0;}
#item article.banner DIV a.vermas-art {
    background: url("/tps/imag/bg/mas.png") no-repeat scroll left top transparent;
    display: block;
    height: 33px;
    margin: 0;
    padding: 0;
    width: 33px; float:right; padding:0 20px 20px 0
}

/*----------------- FIN Area 3 -----------------*/

/*----------------- Area4 -----------------*/
#proyectos {width:983px; margin:0 auto; background:url(/tps/imag/bg/linea.png) no-repeat left bottom; padding:18px 0 30px 17px;}
h3.rotulo {font-family:oswald,Arial,Helvetica,sans-serif; color:#4a84c0; font-size:25px; padding:0 0 17px; text-shadow:1px 1px 1px #FFFFFF;}
#proyectos article.ar4 {width:955px; margin:0; background-color:#4a84c0;}
#proyectos article.ar4 .foto {float:left; margin:0 40px 0 0;}
#proyectos article.ar4  img {float:left; margin:0 40px 0 0;}
#proyectos article.ar4 span {font-family:oswald,Arial,Helvetica,sans-serif; color:#ffffff; font-size:25px; padding:45px 0 10px; display:block;}
#proyectos article.ar4 h2 {font-family:oswald,Arial,Helvetica,sans-serif; color:#ffffff; font-size:40px; padding:0 0 10px;}
#proyectos article.ar4 h2 a {font-family:oswald,Arial,Helvetica,sans-serif; color:#ffffff;}

#proyectos article.ar4 > div { margin:0 15px 0 0;}
#proyectos article.ar4 a.vermas-art {background: url("/tps/imag/bg/mas.png") no-repeat scroll left top transparent; display: block; height: 33px; margin:10px auto 20px; width: 33px; padding:0;}
#proyectos article.ar4 a.bajada {font-family:opensansL,Arial,Helvetica,sans-serif; color:#ffffff; font-size:14px; margin:0 auto; clear:both; width:90%; display:block; text-align:justify; text-decoration:none;}

/*----------------- FIN Area 4 -----------------*/


/*----------------- Area5 -----------------*/
#noticias {width:983px; margin:0 auto; background:url(/tps/imag/bg/linea.png) no-repeat left bottom; padding:18px 0 10px 17px;}
#noticias .ar5 {width:230px; min-height:360px; margin: 0 10px 15px 0; background-color:#fff; float:left; position:relative;}
#noticias .ar5 a.foto, #noticias .ar5 a.foto img, #noticias .ar5 a img.foto {float:left;}
#noticias .ar5 h2 {font-family:opensansL,Arial,Helvetica,sans-serif; color:#142e48; font-size:18px; padding:20px 14px 10px; clear:both;}
#noticias .ar5 h2 a {font-family:opensansL,Arial,Helvetica,sans-serif; color:#142e48; transition:all 0.2s ease-out 0s; line-height:120%;}
#noticias .ar5 h2 a:hover {color:#0099cc; border-bottom:1px dotted #0099cc; text-decoration:none;}
#noticias .ar5 a.vermas-art {background: url("/tps/imag/bg/mas.png") no-repeat scroll left top transparent; display: block; height: 33px; margin:10px auto 20px; width: 33px; padding:0;}

#noticias .ar5 a.bajada {font-family:opensansL,Arial,Helvetica,sans-serif; color:#ffffff; font-size:14px; margin:0 auto; clear:both; width:90%; display:block; text-align:justify; text-decoration:none; text-shadow:-1px -1px 0 #333;}

#noticias .ar5 span {font-family:opensansL,Arial,Helvetica,sans-serif; color:#666666; font-size:12px; font-style:italic; position:absolute; left:14px; bottom:25px; width:88%; border-top:1px solid #ededed; padding:6px 0 0 0}
#noticias a.vermas {font-family:opensansL,Arial,Helvetica,sans-serif; color:#ffffff; font-size:17px; padding:7px 0; clear:both; background-color:#4a84c0; margin:25px auto; display:block; width:140px; text-align:center;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
text-shadow: -1px -1px 0 #666666;
box-shadow:1px 1px 1px #333333 inset;
transition:background 0.5s ease-out 0s;
}
#noticias a.vermas:hover {background:linear-gradient(to bottom, #333333 0%, #666666 100%) #333333; text-decoration:none; text-shadow:none; box-shadow:1px 1px 1px #000000 inset;}
/*----------------- FIN Area 5 -----------------*/


/*----------------- Area6 -----------------*/
#logos {width:983px; margin:0 auto; background:url(/tps/imag/bg/linea.png) no-repeat left bottom; padding:18px 0 20px 17px; text-align:center;}
#logos .ar6 {display:inline; margin:0 30px 0;}
#powerTip h4 {font-family:opensansL,Arial,Helvetica,sans-serif; color:#ffffff; font-size:14px; font-weight:bolder}
#powerTip p {font-family:opensansL,Arial,Helvetica,sans-serif; color:#ffffff; font-size:14px;}
#powerTip a {font-family:opensansL,Arial,Helvetica,sans-serif; color:#ffffff; font-size:12px;}
#logos .ar6 a:hover {text-decoration:none;}
#powerTip {background-color: rgba(102, 102, 102, 1)  !important; text-align:center;}

/*----------------- FIN Area 6 -----------------*/

/*----------------- Area7 -----------------*/
#accesos {width:983px; margin:0 auto; padding:20px 0 20px 17px;}
#accesos .ar7 {float:right; margin:5px 5px 0 0;}
#accesos .ar7b {float:left; margin:10px 8px 0 0; padding:0 10px 0 0; border-right:1px solid #dad9da;}
#accesos .ar7b:last-child {border-right:none;}
#accesos article .foto {float:left; margin:0 5px 0;}
#accesos .ar7 h4 {display:inline; vertical-align:middle; padding:4px 0 0; }
#accesos .ar7 h4 a {font-family:oswald,Arial,Helvetica,sans-serif; font-size:16px; color:#669900; vertical-align:middle; padding:0; transition:background 0.5s ease-out 0s;}
#accesos .ar7 span {font-family:oswald,Arial,Helvetica,sans-serif; color:#4b83c1; font-size:16px; display:inline; vertical-align:middle; padding:0 0 0 4px;}
#accesos .ar7b h4 {display:inline; vertical-align:middle; padding:0;}
#accesos .ar7b h4 a {font-family:opensansL,Arial,Helvetica,sans-serif; color:#4b84c1; font-size:13px; color:#4b84c1; transition:background 0.5s ease-out 0s;}
#accesos .ar7 h4 a:hover, #accesos .ar7b h4 a:hover {color:#0099cc; border-bottom:1px dotted #0099cc; text-decoration:none;}
/*----------------- FIN Area 7 -----------------*/

/*----------------- Area100 -----------------*/
.bodysite > #banner_lightbox {display:none;}
#banner_lightbox {width:100%; height:auto; overflow:hidden;} 
#banner_lightbox h1.titular {color: #394959; font-family: oswald,Arial,Helvetica,sans-serif; font-size: 20px; margin:20x 0 0 0;} 
#banner_lightbox h2.bajada {color: #394959; font-family: oswald,Arial,Helvetica,sans-serif; font-size:16px; margin:20x 0 0 0;} 
#banner_lightbox .CUERPO-AVISO {color: #999999; display: block; font-family: oswald,Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; margin: 5px 0 0 0;}
/*----------------- FIN Area 100 -----------------*/