﻿/*----------Generico----------*/
body{background: #480001 url('../../estilo/Rojo/fondo.jpg') no-repeat top center; text-align:center; margin:0; padding:0; font-family:Verdana,Arial,Sans-Serif;font-size:10pt;}
form{margin:0px 5px;}
form label{float:left; width:250px; text-align:right; margin-right:15px; color:#005826;}
form p{margin:10px 0px;}
form input,form textarea{width:250px}
form .radio{width:20px;}
form .button{width:90px; background:#fff url('../../estilo/Rojo/flechasChicas.jpg') no-repeat right center; border:solid 0px #fff; color:#005826;}
form .buttonSpace{text-align:right;padding-right:180px;}
form .error{font-size:small;color:#F00;padding:0 10px;}
a{color:#005826;}
a img{border:none 0px;}
h1{background: url('../../estilo/Rojo/fondoTitulo.jpg') no-repeat top center ;height:140px;color:#ed1c24;text-align:center;vertical-align:middle;line-height:140px;margin:0px 0px 10px 0px;font-size:70px;text-transform:uppercase;font-family:"Century Gothic", Arial,Sans-Serif; position:relative;}
h1 .smallAfter{ font-size:35px; color:#919191;  white-space:nowrap; position:absolute; top:90px; left:400px; line-height:50px;}
h1 .smallBefore{font-size:35px; color:#919191; white-space:nowrap; position:absolute; top:0px; left:160px; line-height:50px;}
h2{text-align:center; color:#005826; margin:10px 0px; font:normal 20pt Arial;}
h3{text-align:left; color:#ED1C24;  margin:5px 10px; font:normal 16pt Arial;}
h4{text-align:center;color:#ED1C24;  margin:10px 0px; font:normal 12pt Arial;}
/*----------Principal----------*/
#page{margin:0 auto;width:752px;text-align:left;}
#fullWrapper{margin-right:4px;}
#header{height:215px;position:relative;}
#logoImage{float:left;position:absolute;top:10px;left:0;width:100%;height:205px; text-align:left;} 
#nameImage{float:right;position:absolute;top:10px;left:0;width:100%;height:205px; text-align:right;}
#menu{text-align:center;font-family:Corbel, Arial, Sans-Serif;text-transform:uppercase; font-size:10pt; font-family:Arial, Sans-Serif;}
#menu a{padding:3px 20px;background-color:#fe0000;color:#FFF;text-decoration:none; white-space:nowrap; margin:0px; line-height:25px;}
#menu #firstMenuRow{padding:0px 3px; float:left;}
#menu #firstMenuRow a{float:left;display:block; width:102px; padding:3px 0px; height:16px; line-height:16px; margin:2px;}
#menu #firstMenuRow .last{margin-right:-3px;}/*IE6 fix*/
#menu #moreMenu{clear:both;}
#main{ }
#content{margin:0px 20px;}
#wrapper{background-color:#fff; margin:10px 0px 0px 0px; padding-bottom:60px; min-height:450px;}
#footer{background:#480001 url('../../estilo/Rojo/fondoFooter.jpg') repeat-x; height:43px; margin-right:3px; text-align:center; padding:10px 0px; color:#999999; font-family:Arial; font-size:12px; }
#footer a{color:#999; text-decoration:none;}
.videoContainer{text-align:center;}
.centerMessage{text-align:center; padding:15px;}
/*----------Noticias----------*/
div.SimpleNews{padding:5px 5px;}
div.oddItem{background-color:#f2fafd;}
div.SimpleNews img{float:left;margin: 2px 10px 2px 0px;}
div.SimpleNews div.date{float:right; font-size:9pt;}
div.SimpleNews span{font-weight:bold;font-size:medium;display:block;margin: 0px;}
div.SimpleNews span a{color:#ED1C24;display:block;margin: 0px;text-decoration:none;}
div.CompleteNews{text-align: justify;}
div.CompleteNews .author,div.CompleteNews .newsDate{color:#959595; font-size:10pt;}
div.CompleteNews .newsContent{padding:10px 0px; }
/*----------Paginador----------*/
div.pageIndex{margin:10px 0px 0px 0px;padding:0px;text-align:center;}
div.pageIndex a,div.pageIndex span{padding:0px 4px;text-align:center;color:#005826;text-decoration:none;}
div.pageIndex span{text-decoration: underline;cursor:default;}/*pagina actual*/
/*----------Comentario----------*/
.commentForm .comment{padding:10px 5px;} 
.commentForm .comment .commentContent{color:#005826;}
.commentForm .comment .author{color:#ED1C24;}
.commentForm .comment .date{padding-left:10px; color:#ED1C24; font-size:9pt;}
/*----------Proyecto----------*/
.simpleProject{text-align:right;}
.simpleProject .imgCont{float:left; margin-right:10px;  position:relative;}
.simpleProject img{ background-color:#fff; border:1px solid #a9a9a9; padding:4px; display:block; position:relative;}/*margin:-5px 5px 5px -5px; */
.simpleProject .contentText{text-align:left; background: #fff url('../../estilo/Rojo/fondoProyecto.jpg') repeat-x; padding:5px 10px 5px 0px; height:1%;}
.simpleProject > .contentText{height:auto;}/*IE6 fix*/
.simpleProject .viewProject{background: url('../../estilo/Rojo/flechasChicas.jpg') no-repeat right center; padding-right:18px; text-decoration:none; color:#ED1C24; font:10pt Verdana;}
.simpleProject .title{color:#005826; font-size:12pt;}
/*----------Recomendacion----------*/
.seccion h2{text-align:center; color:#ED1C24;}
.seccion .recommendation {width:344px; padding:5px;}
.seccion .even{float:left;}
.seccion .odd{float:right;}
.seccion .recommendation img{float:left; width:80px;}
.seccion .recommendation .recommendationContent{float:left; margin-left:10px; width:254px;}
.seccion .recommendation .title{color:#005826;}
.seccion .recommendation .author{color:#959595;}
.seccion .recommendation p{clear:both;padding:5px 0px; margin:0;}
.png{}
/*----------Galeria---------- Galeria.css tiene la mayor parte del layout*/
#imageDescription{text-align:justify; margin:10px 100px;}
.jcarousel-skin-tango .jcarousel-container{background:#d6d6d6 none; border:none;}
.jcarousel-skin-tango .jcarousel-prev-horizontal{ background-image:url("../../estilo/Rojo/flechasIzquierda.jpg");}
.jcarousel-skin-tango .jcarousel-next-horizontal{ background-image:url("../../estilo/Rojo/flechasDerecha.jpg");}
/*----------Home----------*/
.lastComment {}
.lastComment a{text-decoration: none; color:#ED1C24; background: url('../../estilo/Rojo/flechasGrandes.jpg') no-repeat center right; padding-right:40px;}
.lastComment a span{display: block;text-align: center; padding:0px 5px;}
.lastComment a.left{float: left;  width:44%;}
.lastComment a.right{float: right;  width:44%;}
.lastComment a span.first{text-transform: uppercase; font-family:Arial,Sans-Serif; font-size:16pt; padding-top:12px;}
.lastComment .comment{margin: 5px 0px 5px 0;background-color: #edf1f4; padding:10px 5px; height:1%; font:11pt Verdana;}
.lastComment > .comment{height:auto;}
.lastComment .comment .more{font:9pt Verdana;}
.lastComment .comment span{display: block;color: #005826;text-transform: uppercase; font:11pt Arial;}
.lastComment .comment a{display: block;text-decoration: none;text-align: right; background:none; color: #ED1C24;font-size: smaller;}
div.section{width: 353px; margin:10px 0px; padding:0px 10px;}
div.right{float: right;}
div.left{float: left; border-right:dotted #005826 2px;}
div.section object, div.section embed {width: 342px;height: 300px;}
div.section span.title{display: block;text-align: center;text-transform: uppercase;color: #ed1c24;background-color: #E7E7E7;margin-bottom: 10px;font-size: 16pt; padding:2px 0px; font-family:Arial, Sans-Serif;}
div.section .contentText{font-size:12pt;}
div.section .titleContent{display:block; color: #005826; margin:10px 0px 5px 0px;}
div.section .titleContent .title{background-color:Transparent;display: inline;text-transform: none; font:18pt Verdana; color:#005826;}
div.section .titleContent span.author{}
div.section .more{display: block;text-align: right; padding-right:18px; background:url('../../estilo/Rojo/flechasChicas.jpg') no-repeat center right; color: #ED1C24;text-decoration: none; font-size:10pt;}
div.section img.Galery{width: 340px;height: 370px;}
div.section ul.followMe{text-align: center;margin: 10px 0px 10px 0px;padding: 0px;}
div.section ul.followMe li{margin-bottom: 15px;}
div.section ul.followMe li, div.section ul.followMe li a, div.section ul.followMe li, div.section ul.followMe li img{text-decoration: none;list-style: none;border: 0px;}
div.section ul.followMe li img{display: inline-block;width: 150px; /*debe ser definido en imagen */}                                   
div.section .centerLink{display:block; text-align:center; color:#005826;}
#formPoll{margin:0px; font:12pt Arial; color:#005826;}
#formPoll input{margin-left:70px; width:15px;}
#formPoll .buttonSpace{padding-right:0px;}
#formPoll .button{width:100px;}
.referenciaVideo{font:bold 11pt "Century Gothic",Arial; text-align:center; margin:5px 0px;}
.galleryImage{text-align:center;}
.galleryImage div{margin:0 auto;}
.galleryData {text-align:center; margin:10px 0px;}
.galleryData .imageTitle{font:15pt Arial; color:#005826;}
.galleryData .imageDescription{} 
.dumb{clear:both;}
/*----------Boletin----------*/
.boletin{margin-bottom: 50px;}
.boletin .date{display: block;text-align: right;color:#FF7200; font-size:9pt; margin-bottom:5px;}
/*----------Encuesta----------*/
.pollBar a {
background:#FE0000 none repeat scroll 0 50%;
border:0 none;
cursor:default;
display:block;
color:white;
height:15px;
text-decoration:none;
}