/* GOOGLE FONTS */
@import url(http://fonts.googleapis.com/css?family=Patua+One);
@import url(http://fonts.googleapis.com/css?family=Gafata);

@import url(animations.css);


/* DEFAUL */
html, body { margin:0; padding:0; height:100%; }
body {
background-size: cover;
background-repeat: no-repeat;
}

h1,h2,h3,h4,p,span,ul,li { margin:0; padding:0; font-weight:normal;}
img { border:0;}
a { text-decoration:none;}

.clear { width:100%; clear:both;}
.fl { float:left;}
.fr { float:right;}
.none { display:none;}
.masTop {margin-top:3px;}
.masBottom {margin-bottom:25px;}
.masLeft {margin-left:10px;}
.margenLeft {margin-left:15px;}
.strong{ font-weight:bold}
.mt5{ margin-top:5px;}
.mt30{ margin-top:30px;}
.centrar{ text-align:center;}
.verde{ color:#009036!important;}
.height310{height:310px;}

.inputError{ border:solid 1px #ff0000!important; background-color:#fadfdf; }

/* --LAYOUT-- */

#content {width:100%; float:left; z-index:10; position:absolute;}
/* --LAYOUT-- */


/* --LOGIN-- */
#login-logo{ width:134px; height:152px; margin:40px auto; background-image:url(../../images/escudo_sl.png)}

#login{ width:650px; margin:auto; padding:25px; border:1px solid #333; background-image:url(../../images/back_login.png); display:none;  }
#registro{ width:320px; margin:auto; padding:25px; border:1px solid #333; background-image:url(../../images/back_login.png); display:none;  }

.internaLogin {width:270px; border:1px solid #CCC; padding:20px; color:#FFF;}
.internaLogin span{ font-size:12px;font-family:Verdana, Geneva, sans-serif; }
.internaLogin .etiqueta {color:#f81a27; font-size:16px; font-family:Patua One; margin-bottom:8px; text-transform:uppercase;}
.internaLogin h3 {font-family:Patua One; letter-spacing:1px; font-size:14px;}
.internaLogin .alert { clear:both; letter-spacing:1px; font-size:12px; font-family:Verdana, Geneva, sans-serif; font-style:italic}
.internaLogin .input  { margin:16px 0; width:246px; padding:6px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#787878;}
.internaLogin .small{width:60px!important;}
.internaLogin .medium{width:120px!important;}
.internaLogin p {font-size:16px; font-family:Patua One; margin:0 0 20px 0;}

.internaLogin .recordPassword p {font-size:14px; font-family:Patua One; margin:0; }
.internaLogin .recordPassword .tipIzq p { font-size:14px;}
.internaLogin .recordPassword a { text-decoration:underline; color:#ec1e2a;}
.internaLogin .recordPassword .registrar {}
.internaLogin .recordPassword .registrar a {color:#FFF; text-decoration:none;}
.internaLogin .recordPassword #recordarme { margin:0; margin-top:1px;} 
.btn { background-image:url(../../images/background_btn.jpg); border-top:1px #f57d86 solid; border-left:1px #dc4a54 solid; font-family:Patua One;float:right; margin-top:20px;}
.btn p {padding:10px 27px; color:#FFF; font-size:12px; margin:0;}
.topExtra {margin-top:117px;}
.btnLoading { display:none;}
.btnLoading p{ background:url(../../images/loadingBtn.gif) 15px 10px no-repeat!important;padding:10px 17px 10px 37px!important;}
/* --LOGIN-- */

.contenedor {width:940px; color:#FFF; font-family:Patua One; margin:auto;}

/* --HOME-- */
.head {width:100%; background-color:#304b76; background-image:url(../../images/head.jpg); }
.head p {color:#FFF; font-size:14px; font-family:Patua One;}
.head .contenedor .tituloHead {padding-top:5px;}
.head .contenedor .tituloHead .ico_social{ margin-top:1px!important; border:0}
.head .contenedor .contLogin {width:350px;}
/*.head .contenedor .contLogin {width:220px;}*/
.head .contenedor .tituloHead a {text-decoration:none;}
.head .contenedor .tituloHead img {margin-left:10px; margin-right:10px; margin-top:5px;}
.head .contenedor .usuarioInfo {width:550px; margin-top:25px; }
.head .contenedor .usuarioInfo .imgDetallesHincha {margin-top:5px; margin-right:6px;}
.head .contenedor .usuarioInfo .fotoHincha { width:48px;  margin:8px 30px 0 0;}
.head .contenedor .usuarioInfo .fotoHincha img{ width:60px;border:1px solid #FFF;}

.head .contenedor .usuarioInfo .detalleHincha {margin-top:36px; margin-left:80px; padding-bottom:30px;}
.head .contenedor .usuarioInfo .detalleHincha a{ color:#F00; text-decoration:underline;}
.head .contenedor .ranking {width:300px; background-image:url(../../images/background_ranking.jpg); padding:15px; margin-bottom:34px; }
.head .contenedor .ranking h1 {font-size:20px; text-align:center}
.head .contenedor .rankingPuntos {margin-top:25px;}
.head .contenedor .rankingPuntos .logoSl {width:46px;}
.head .contenedor .ranking .puntaje {margin:auto; width:200px;}

.head .contenedor .elecciones {width:303px; background-image:url(../../images/background_elecciones.jpg?); background-repeat:no-repeat; padding:15px 15px 20px 15px; margin-bottom:34px;font-family:Patua One; }
.head .contenedor .elecciones .item {font-size:18px; margin:10px 0 10px 200px;}
/* --HOME-- */


/* --CONTENIDO-- */
.cont {width:100%; margin:0; float:left;background:url(../../images/Back_02.jpg); }
.cont .navegacion {width:210px; padding-top:25px;}
.cont .navegacion li{ list-style:none; font-size:16px; margin:2px 0 5px 0; clear:both}
.cont .navegacion li.titulo{ font-size:20px; margin:15px 0 2px 0!important; color:#314d77; padding:0;}
.cont .navegacion li.tituloReferencias{ font-size:14px; margin:80px 0 2px 0!important; color:#314d77; padding:0;}
.cont .navegacion li a {text-decoration:none; color:#49484a;}
.cont .navegacion li a.active {text-decoration:none; color:#eb1e2a;}
.cont .navegacion li p{ color:#666; font-size:12px; float:left; margin:2px 0 0 5px }
.cont .navegacion li img{ float:left; width:20px;}


.cont #home {width:699px;color:#49484a; border-left:#314d77 1px solid; padding:25px 0 0 30px;}

.cont #home  .estados {width:660px; padding:20px; color:#49484a; border:1px solid #e8e8e8; background-color:#FFF; margin-bottom:25px;}

.cont #home  .alert{width:100%; float:left; margin:0; font-size:13px;  clear:both; color:#F00;}
.cont #home  .estados .etiqueta{width:200px;  float:left; margin:0;}
.cont #home  .estados .item{width:220px; float:right; margin:0 0 0 10px;}
.cont #home  .estados .itemLarge{width:440px; float:right; margin:0 0 0 10px;}
.cont #home  .estados .itemExtraLarge{width:640px; float:left; margin:0 0 0 10px;}
.cont #home  .estados .numero{width:85px;  float:left; margin:0; font-size:14px;color:#00F; }
.cont #home  .estados .numero img{ margin-top:3px;}
.cont #home  .estados .titulo{width:180px;  float:left; margin:0;}
.cont #home  .estados .tituloLarge{width:370px;  float:left; margin:0;}
.cont #home  .estados span{ color:#F00;}
.cont #home  .estados .azul { color:#314d77;}
.cont #home  .estados .bajada{ font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#666; padding-bottom:15px;}
.cont #home  .alert {width:94%; border:1px solid #e8e8e8; padding:21px; margin-top:27px; background-color:#FFF; margin-bottom:25px; }
.cont #home  .alert p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#49484a; font-weight:bold; line-height:20px;}
.cont #home  .alert p a{ color:#314d77;}

.cont #home .titulos { }
.cont #home .titulos h1 { font-size:42px; color:#314d77;}
.cont #home .titulos h2 { font-size:16px; color:#fc0000;}
.cont #home .colEncuesta { margin-right:10px; float:left; margin-top:40px;font-size:18px; color:#314d77;}
.cont #home .colEncuesta { }
.cont #home .colEncuesta .tituloCol {margin-bottom:22px;}
.cont #home .colEncuesta .contColumna {font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.cont #home .colEncuesta span{ color:#F00;}
.cont #home .colEncuesta p {}

.baners {width:700px;}
.baners .item {width:212px; margin-bottom:25px;}
.baners .separacion {width:30px;}

.noticias {width:658px; border:1px solid #e9e9e9; padding:21px; margin-bottom:25px;}
.noticias h1 {font-size:20px;}
.noticias h2 {font-size:15px; color:#F00;}
.noticias .titulo { width:250px; float:left; margin-bottom:25px;}
.noticias .icon {width:19px; }
.noticias .noticiaDetalle {width:619px; border:1px solid #e8e8e8; margin-bottom:2px; margin-top:2px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:18px; line-height:15px;}
.noticias .noticiaDetalle .date { font-size:10px;}
.noticias .grisClaro {background-color:#fbfbfb;}
.noticias .grisOscuro {background-color:#eeeeee;}
.noticias .titulo .cabezaraNoticia {width:250px; margin-left:25px;}

.tiendaOnline {width:700px; margin-bottom:40px; background-color:#333;}
.pie { width:100%; background-color:#202020; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:20px; color:#f1f1f1}
/* --CONTENIDO-- */



/* ------ ASOCIATE ------ */
#asociate {width:699px;color:#49484a; border-left:#314d77 1px solid; padding:25px 0 160px 30px;}
#asociate h1{ font-size:42px; color:#314d77; width:100%;}
#asociate h2{ font-size:16px; color:#fc0000;width:100%;}
#asociate .bajada {width:94%; border:1px solid #e8e8e8; padding:21px; margin-top:27px; background-color:#FFF; }
#asociate .bajada p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#49484a; font-weight:bold; line-height:20px;}
#asociate .bajada p a{ color:#314d77;}
#asociate h3 { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#49484a; font-weight:normal; line-height:16px;} 
#asociate span{ color:#F00;}
#asociate .mensajeOk {width:94%; border:1px solid #e8e8e8; padding:21px; margin-top:27px; background-color:#4da772; }
#asociate .mensajeOk p {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; font-weight:bold; text-align:center; text-transform:uppercase }


#asociate .categoria { font-size:18px; color:#314d77;width:100%; margin-top:30px;}
#asociate .categoria span{ color:#F00;}



#asociate .preguntas { width:218px;float:left; margin:20px 10px 0 0 ;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#asociate .preguntasSmall {width:60px; float:left; margin:20px 10px 0 0;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#asociate .preguntasMedium {width:140px; float:left; margin:20px 20px 0 0;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#asociate .pregunta {float:left; margin:6px 0 4px 0; color:#314d77; width:100%;}
#asociate .pregunta a {text-decoration:none; color:#F00; font-weight:bold;}
#asociate select {width:95%;padding:5px; color:#000;}
#asociate input,file {width:90%; padding:5px;}

#asociate .bajadaPregunta{ width:100%;float:left; margin:0 10px 0 0 ;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#asociate .preguntas p{width:190px; float:right;}
#asociate .preguntas .checkbox {width:20px; float:left;}


#asociate h4{ width:680px; padding:10px; background-color:#314d77; color:#FFF; font-size:22px; margin-top:20px;}
#asociate .listadodeAcreditados{ width:678px; padding:10px; border:1px solid #CCC; background-color:#FFF; float:left;}
#asociate .listadodeAcreditados .dato{padding:5px 2px; border-bottom:1px solid #f3f3f3; float:left; height:25px;}
#asociate .listadodeAcreditados .dato a{ color:#49484a}


.pointer{ cursor:pointer; }


#asociate  .estados {width:660px; padding:20px; color:#49484a; border:1px solid #e8e8e8; background-color:#FFF; margin-bottom:25px;}
#asociate  .estados .etiqueta{width:200px;  float:left; margin:0;}
#asociate  .estados .item{width:220px; float:right; margin:0 0 0 10px;}
#asociate .estados .itemLarge{width:440px; float:right; margin:0 0 0 10px;}
#asociate  .estados .numero{width:25px;  float:left; margin:0;}
#asociate  .estados .numero img{ margin-top:3px;}
#asociate  .estados .titulo{width:180px;  float:left; margin:0;}
#asociate  .estados .tituloLarge{width:400px;  float:left; margin:0;}
#asociate  .estados span{ color:#F00;}
#asociate .estados .azul { color:#314d77;}

#supersize{ position:fixed; background-color:#333; width:100%;}
#supersize img {max-width: 100%;}