@charset "utf-8"
    /* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,900,400italic);

* {
	font-family: 'Roboto', sans-serif;
}


html {

width: 960px;
margin: auto;

}


body { 
background-color: #f2f2f2;


}

header {
width: 960px;
background-color: white;
height: 80px;

 }

#comienzo {
float: left;
width: 450px;
height: 160px;
margin-left: 20px;
margin-top: 0px;

}

#comienzo img {
margin-left: 10px;
margin-top: 0px;

}

#tiempo { 
float: left;
width: 190px;
height: 100px;
margin-left:110px;
margin-top: 0px;

}

#tiempo img{
margin-left: 2px;
margin-top: 30px;


}

#tiempo p{
margin-left: 70px;
margin-top:-35px;
font-size: 13px;
color: #a2a2a2;

}
#tiempo a{
text-decoration: none;
}


#ingresar {
    float: left;
    width: 150px;
height: 30px;
background-color: #b2b2b2;
margin-top: 30px;
border-radius: 3px;

}

#ingresar input {
margin-left: 2.5px;
margin-top:2.5px;
height: 25px;
width: 145px;

    }


#ingresar img {
    float: left;
    margin-top:-20px;
margin-left: 155px;

}

/* --------------menu----------------*/



#menu{
float: left;
background-color: #808080; 
padding-top: -40px;    
width: 960px;
height: 50px;
margin-top: -60px;
}

.categoria ul li {
float: left;
margin-left: 22px;
display: inline-block;
list-style-type: none;
padding-right:22px;
margin-top: -20px;   
}

.categoria nav ul li a {
 text-decoration: none;
 text-align:  center;
}

.categoria h4{
color: white;
}

.categoria h4:hover{
color: lightgray;
}


/* --------------BARRITA DE COLOR MENU---------------*/

#barritainicio {
    float: left;
    background-color:#808080;
    width: 50px;
	height: 9px;
    margin-top: 45px;
}

#barritainicio h4{
    float: left;
    width: 49px;
	height: 20px;
    margin-top: -23px;
    padding-left: 0px;
} 

#barritainicio:hover{
background-color: #f2f2f2;

}



#barritavioleta{
    float: left;
    background-color: #808080;
    width: 90px;
	height: 9px;
    margin-top: 45px; 
}

#barritavioleta h4{
    float: left;
    width: 90px;
	height: 20px;
    margin-top: -23px;
    padding-left: 0px;
} 

#barritavioleta:hover {
   background-color:#5313b0;
}


#barritaazul{
    float: left;
    background-color: #808080;
    width: 70px;
	height: 9px;
    margin-top: 45px; 
}

#barritaazul h4{
    float: left;
    width: 70px;
	height: 20px;
    margin-top: -23px;
    padding-left: 0px;
} 

#barritaazul:hover {
   background-color: #17819b;
}


#barritacyan{
    float: left;
    background-color: #808080;
    width: 122px;
	height: 9px;
    margin-top: 45px; 
}

#barritacyan h4{
    float: left;
    width: 128px;
	height: 20px;
    margin-top: -23px;
    margin-left: -2px;
} 

#barritacyan:hover {
   background-color: #2F4A7E;
}


#barritanaranja{
    float: left;
    background-color: #808080;
    width: 58px;
	height: 9px;
    margin-top: 45px; 
}

#barritanaranja h4{
    float: left;
    width: 58px;
	height: 20px;
    margin-top: -23px;
} 

#barritanaranja:hover {
   background-color: #FF9200;
}


#barritaverde{
    float: left;
    background-color: #808080;
    width: 128px;
	height: 9px;
    margin-top: 45px; 
}

#barritaverde h4{
    float: left;
    width: 128px;
	height: 20px;
    margin-top: -23px;
} 
#barritaverde:hover{
background-color: #179b77;
}
#barritarebelde {
    float: left;
    background-color: #808080;
    width: 75px;
	height: 9px;
    margin-top: 45px;
}

#barritarebelde h4{
    float: left;
    width: 75px;
	height: 20px;
    margin-top: -23px;
    padding-left: 0px;
} 

#barritarebelde:hover {
   background-color: #C66136;
}

    

/* --------------SLIDER----------------*/



.contenedor-contenido {
	clear: both;
	display: block;
	width: 960px;
	height: 344px;
	color: snow;
	margin: 0 auto;
	overflow: auto;

}

#contenedor{
	overflow: auto;
    width: 960px;
    background-color:transparent;
	clear: both;
    position: relative; 
    margin: 0 auto;
	margin-top: 70px;
	padding: 0 0 0 0;
	min-height: 800px;
}

						
.sp-slideshow {
    position: relative;
	margin: 0px auto;
	width: 99%;
	max-width: 960px;
	min-width: 260px;
	height: 360px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
margin-top: -10px;
}

.sp-content {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sp-parallax-bg {
    background-color: #17819b;
    background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}


.sp-content ul li h1:hover {
	color: #00A99D;
	opacity: 0.75;
}




.sp-slideshow input {
    position: absolute;
	bottom: 15px;
	left: 50%;
	width: 11px;
	height: 11px;
	z-index: 90;
	cursor: auto;
    opacity: 0;
}

.sp-slideshow input + label {
    position: absolute;
    bottom: 15px;
	left: 50%;
    width: 9px;
	height: 9px;
	display: block;
	z-index: 1000;
	border: 1px solid white;
    border-radius: 50%;
    transition: background-color linear 0.1s;
}
.sp-slideshow input:checked + label {
	background-color: white;

}

.sp-selector-1, .button-label-1 {
    margin-left: -30px;
}

.sp-selector-2, .button-label-2 {
    margin-left: -10px;
}

sp-selector-3, .button-label-3 {
    margin-left: 10px;
}

.sp-selector-4, .button-label-4 {
    margin-left: 30px;
}
/* --------------FLECHAS----------------*/
.sp-arrow {
    position: absolute;
	top: 50%;
	width: 28px;
	height: 38px;
	margin-top: -19px;
	display: none;
	opacity: 50;
	cursor: pointer;
	z-index: 1000;
	
    transition: opacity linear 0.3s;
}
.sp-arrow:hover{
	opacity: 50;
}
.sp-arrow:active{
	margin-top: -18px;
}/* arrow labels*/



.sp-selector-1:checked ~ .sp-arrow.sp-a2,
.sp-selector-2:checked ~ .sp-arrow.sp-a3,
.sp-selector-3:checked ~ .sp-arrow.sp-a4,
.sp-selector-4:checked ~ .sp-arrow.sp-a1 {
    right: 20px;
	display: block;
	background-position: top right;
}
.sp-selector-2:checked ~ .sp-arrow.sp-a1,
.sp-selector-3:checked ~ .sp-arrow.sp-a2,
.sp-selector-4:checked ~ .sp-arrow.sp-a3,
.sp-selector-1:checked ~ .sp-arrow.sp-a4 {
    left: 20px;
	display: block;
	background-position: top left;
}


.sp-slideshow input:checked ~ .sp-content {
    transition: background-position linear 0.6s, background-color linear 0.8s;
}
.sp-slideshow input:checked ~ .sp-content .sp-parallax-bg {
    transition: background-position linear 0.7s;
}
input.sp-selector-1:checked ~ .sp-content {
    background-position: 0 0;
	background-color: #727b7f;
}

input.sp-selector-2:checked ~ .sp-content {
    background-position: -100px 0;
	background-color: #7f7276;
}

input.sp-selector-3:checked ~ .sp-content {
    background-position: -200px 0;
	background-color: #17819b;
}

input.sp-selector-4:checked ~ .sp-content {
    background-position: -300px 0;
	background-color: #79727f;
}

input.sp-selector-5:checked ~ .sp-content {
    background-position: -400px 0;
	background-color: #7d7f72;
}

input.sp-selector-6:checked ~ .sp-content {
    background-position: -500px 0;
	background-color: #7d7f72;
}

input.sp-selector-1:checked ~ .sp-content .sp-parallax-bg {
    background-position: 0 0;
}

input.sp-selector-2:checked ~ .sp-content .sp-parallax-bg {
    background-position: -200px 0;
}

input.sp-selector-3:checked ~ .sp-content .sp-parallax-bg {
    background-position: -400px 0;
}

input.sp-selector-4:checked ~ .sp-content .sp-parallax-bg {
    background-position: -600px 0;
}


.sp-slider {
    position: relative;
	left: 0;
    width: 800%;
	height: 100%;
	list-style: none;
    margin: 0;
	padding: 0;
    transition: left ease-in 1s; 
}
.sp-slider > li {
	clear: right;
	color: #fff;
	width: 12.5%;
	box-sizing: border-box;
	height: 100%;
	padding: 0px 10px -10px 0px;
	/*margin-right: 10px;*/
    float: left;
	text-align: center;
	opacity: 0.4;
    transition: opacity ease-in 0.4s 0.8s; 
}

	

	
input.sp-selector-1:checked ~ .sp-content .sp-slider {
    left: 0;
}

input.sp-selector-2:checked ~ .sp-content .sp-slider {
    left: -100%;
}

input.sp-selector-3:checked ~ .sp-content .sp-slider {
    left: -200%;
}

input.sp-selector-4:checked ~ .sp-content .sp-slider {
    left: -300%;
}


input.sp-selector-1:checked ~ .sp-content .sp-slider > li:first-child,
input.sp-selector-2:checked ~ .sp-content .sp-slider > li:nth-child(2),
input.sp-selector-3:checked ~ .sp-content .sp-slider > li:nth-child(3),
input.sp-selector-4:checked ~ .sp-content .sp-slider > li:nth-child(4) {
	opacity: 1;
}

				
.novedad{
float: left; 
width: 960px;
height: 30px;
background-color: #17819b;
margin-left: 0px;
margin-top: 0px; 


}

.novedad h4{
color: white;
margin-left:10px;
margin-top:5px;
    }


#mascotas li {
position: relative;
float: left;
width: 316px;
height: 220px;
display: inline-block;

}
#mascotas {
 padding: 0;
 margin: 0;
 list-style-type: none;
margin-top: 12px;
 }

.info {
 display: none;
 position: absolute;
 z-index: 0;
 background-color: rgba(23, 155, 119, 0.44);
 width:316px;
 height: 80px;
 margin-top: 152px;
 
}

li:hover .info {
display: block;

}
    #mascotas img {
        width: 316px;
margin-top: 12px;
          
     }

    #mascotas h2 {
        font-size: 30px;
        color: white; 
        position: absolute;
        margin-left: 6px;
        margin-top: 0px;
        
    }

    #mascotas h5 {
        color: white;
        font-size: 12px;
        margin-left: 0px;
        position:absolute;
        margin-top:35px;
        background-color:#179b77;
        padding: 2px;
    }
    
     #mascotas h6 {
        color: white;
        font-size: 12px;
        margin-left: 6px;
        position:absolute;
        margin-top: 40px;
        
    }


    #mascotas a p {
        color: white;
        width: 100px; 
        position: absolute;
        margin-left: 230px;
        margin-top: 55px;
        font-size: 16px;
        }
    #mascotas a p:hover{
color: white;
background-color: #179b77;
padding: 2px;
width: 82px;



}




.modulo1 {
    float: left;
   width:316px;
    height: 220px;
    background-color:#b2b2b2;
    margin-left:6px;
    margin-top: 12px;
   
}

.modulo1:hover {
background-color: #17819b;
}

    .modulo1 h1 {
       color: white;
margin-left: 10px;
margin-top: 50px;
font-size: 30px;

          
        
    }

.modulo1 h5 {
       color: white;
margin-left: 0px;
margin-top: -142px;
position: absolute;
background-color:#17819b;
        padding: 2px;
    }




.modulo1 a p {
        color: white;
        width: 100px; 
        position: absolute;
        margin-left: 230px;
        margin-top: -26px;
        font-size: 16px;
        }
   .modulo1 a p:hover{
color: darkgray;


}

.modulo1 h6 {
       color: white;
margin-left: 10px;
margin-top: -30px;
font-size: 14px;
    }




.modulo2 {
        float: left;
        width: 316px;
        height:220px;
        background-color: black;
        margin-left: 6px;
        margin-top:12px;
            }


.modulo2 video {
        float: left;
        width: 100%;
        height: 100%;
        margin: 0px;
        margin-top: 0px;
    }




.modulo2 h5 {
       color: white;
margin-left: 0px;
margin-top: 20px;
position: absolute;
background-color:#ff9200;
        padding: 2px;
    }






.modulo3 {
    float: left;
   width:316px;
    height: 446px;
    background-color:#b2b2b2;
    margin-left:6px;
    margin-top: 12px;
   
}

.modulo3:hover {
background-color:#2F4A7E;
}

    .modulo3 h1 {
       color: white;
margin-left: 15px;
margin-top: 40px;
font-size: 48px;

          
        
    }

.modulo3 h5 {
       color: white;
margin-left: 0px;
margin-top: 20px;
position: absolute;
background-color:#2F4A7E;
        padding: 2px;
    }


.modulo3 p{
position: absolute;
color: white;
background-color: #2F4A7E;
padding: 2px;
 margin-left: 15px;
        margin-top: -20px;
        font-size: 16px;
}


.modulo3 p:hover {
        color:#2F4A7E;
background-color: #b2b2b2;
       
}



.modulo3 h6 {
       color: white;
margin-left: 15px;
margin-top: -30px;
font-size: 14px;
    }

.modulo3 iframe {
position: relative;
margin-left:0px;
margin-top: -15px;
border: solid #2F4A7E 12px;
    }

.modulo3 h4 {
       color: white;
margin-left: 15px;
margin-top: 45px;
font-size: 14px;
    }



#deporte {
position: relative;
padding: 0;
 margin: 0;
 list-style-type: none;
width: 638px;
height: 220px;
margin-left:0px;
margin-top:278px;

 }

#deporte li {

float: left;
display: inline-block;

}


.modulo4 {
 display: none;
 position: absolute;
  background-color: rgba(23, 155, 119, 0.58);
 width:638px;
 height: 80px;
 margin-top:-80px;
 
}

li:hover .modulo4 {
display: block;

}
    #deporte img {
float: left;
        width: 638px;
         margin-top: -220px;

          
     }

    #deporte h2 {
        font-size: 30px;
        color: white; 
        position: absolute;
        margin-left: 6px;
        margin-top: 0px;
        
    }

    #deporte h5 {
        color: white;
        font-size: 12px;
        margin-left: 0px;
        position:absolute;
        margin-top: -200px;
        background-color:#179b77;
        padding: 2px;
    }
    
     #deporte h6 {
        color: white;
        font-size: 12px;
        margin-left: 6px;
        position:absolute;
        margin-top: 40px;
        
    }


    #deporte a p {
        color: white;
        width: 100px; 
        position: absolute;
        margin-left: 550px;
        margin-top: 55px;
        font-size: 16px;
        }
    #deporte a p:hover{
color: white;
background-color: #179b77;
padding: 1px;


}



.modulo5 {
        float: left;
        width: 316px;
        height:220px;
        background-color: black;
        margin-left: 0px;
        margin-top:6px;
            }


.modulo5 video {
        float: left;
        width: 100%;
        height: 100%;
        margin: 0px;
        margin-top: 0px;
    }




.modulo5 h5 {
       color: white;
margin-left: 0px;
margin-top: 20px;
position: absolute;
background-color:#ff9200;
        padding: 2px;
    }






.modulo6 { 
           float:left;
           width: 316px;
           height: 104px;
           background-color:#b2b2b2;
           margin-left:6px;
           margin-top: 6px;
}

.modulo6:hover{
background-color: #ff9200;

}



.modulo6 h1{
font-size: 24px;
color: white;
margin-left:15px;
margin-top: 45px;
}

.modulo6 h5 {
       color: white;
margin-left: 0px;
margin-top: 20px;
position: absolute;
background-color: #2F4A7E;
        padding: 2px;
    }

.modulo6 h6 {
       color: white;
margin-left: 15px;
margin-top: -8px;
font-size: 14px;
    }

.modulo6 a p {
        color: white;
        width: 100px; 
        position: absolute;
        margin-left:230px;
        margin-top:-50px;
        font-size: 16px;
        }
    .modulo6 a p:hover{
color: white;



}
.modulo6 h5 {
       color: white;
margin-left: 0px;
margin-top: 20px;
position: absolute;
background-color:#ff9200;
        padding: 2px;
    }



.modulo7 {
float: left;
    width: 316px;
    height: 104px;
    background-color:#b2b2b2;
    margin-left: 6px;
    margin-top: 6px;
   
}

.modulo7:hover{
background-color:#17819b;

}

.modulo7 h1{
font-size: 24px;
color: white;
margin-left: 15px;
margin-top: 25px;
}

.modulo7 h5 {
       color: white;
margin-left: 0px;
margin-top: 20px;
position: absolute;
background-color:#17819b;
        padding: 2px;
    }

.modulo7 h6 {
       color: white;
margin-left: 15px;
margin-top: -30px;
font-size: 14px;
    }



.modulo7 h4{
color: white;
margin-left: 110px;
margin-top:-20px;
position: absolute;
background-color: #2F4A7E;
        padding: 2px;
    }

.modulo7 h4:hover{
background-color:#b2b2b2;

}

.modulo7 a p {
        color: white;
        width: 100px; 
        position: absolute;
        margin-left:230px;
        margin-top:-35px;
        font-size: 16px;
        }
    .modulo7 a p:hover{
color: white;



}




.module {
    float: left;
    width: 155px;
    height: 108px;
    background-color:#b2b2b2;
    margin-left: 6px;
    margin-top: 8px;

}
.module h5 {
       color: white;
margin-left: 0px;
margin-top: 20px;
position: absolute;
background-color:#ff9200;
        padding: 2px;
    }

.module h1 { color: white;
float: left;
margin-left: 10px;
margin-top: 30px;
font-size: 26px;
    
}
.module:hover {
background-color:#ff9200;

}

.module2 {
    float: left;
    width: 155px;
    height: 108px;
    background-color:#b2b2b2;
    margin-left: 6px;
    margin-top: 8px;

}
.module2:hover {
background-color:#5313b0;

}


.module2 h5 {
       color: white;
margin-left: 0px;
margin-top: 20px;
position: absolute;
background-color:#5313b0;
        padding: 2px;
    }

.module2 img{
    float: left;
    margin-top: 60px;
    width: 20px;
height: 20px;
margin-left: 125px;
}

.module2 h3 {
       color: white;
margin-left: 10px;
margin-top: 35px;
position: absolute;
font-size:20px;
    }


.module3 {
    float: left;
    width: 316px;
    height: 108px;
    background-color:#b2b2b2;
    margin-left: 6px;
    margin-top: 8px;

}
.module3 h5 {
       color: white;
margin-left: 0px;
margin-top: 20px;
position: absolute;
background-color:#17819b;
        padding: 2px;
    }

.module3 h1 { color: white;
float: left;
margin-left: 10px;
margin-top: 30px;
font-size: 26px;
    
}
.module3:hover {
background-color:#17819b;

}

.module3 a p {
        color: white;
        width: 100px; 
        position: absolute;
        margin-left:230px;
        margin-top:65px;
        font-size: 16px;
        }
    .module3 a p:hover{
color: white;



}




.espaciopublicitario{
float: left;
    width: 638px;
    height: 220px;
    background-color:#b2b2b2;
    margin-left: 0px;
    margin-top:6px;
    
}

.espaciopublicitario img{
width: 638px;
height: 220px;
}

.espaciopublicitario h5 {
       color: white;
margin-left: 0px;
margin-top: 20px;
position: absolute;
background-color:rgba(178, 178, 178, 0.4);
        padding: 2px;
    }


.modulo8 {
float: left;
width: 316px;
height: 220px;
background-color: #b2b2b2;
margin-left: 6px;
margin-top:6px;
}

.modulo8 h5{
       color: white;
margin-left: 0px;
margin-top: 20px;
position: absolute;
background-color:rgba(178, 178, 178, 0.4);
        padding: 2px;
}
.destacados {
float: left; 
width: 960px;
height: 30px;
background-color: #17819b;
margin-left: 0px;
margin-top: 12px; 


}

.destacados h4{
color: white;
margin-left:10px;
margin-top:6px;
    }









.modulo9{
float: left;
   width:316px;
    height: 220px;
    background-color:#17819b;
    margin-left:0px;
    margin-top: 12px;
   
}


    .modulo9 h1 {
       color: white;
margin-left: 10px;
margin-top: 50px;
font-size: 30px;

          
        
    }

.modulo9 h5 {
       color: white;
margin-left: 0px;
margin-top: 20px;
position: absolute;
background-color:#17819b;
        padding: 2px;
    }




.modulo9 a p {
        color: white;
        width: 100px; 
        position: absolute;
        margin-left: 230px;
        margin-top: -26px;
        font-size: 16px;
        }
   .modulo9 a p:hover{
color: darkgray;


}

.modulo9 h6 {
       color: white;
margin-left: 10px;
margin-top: -30px;
font-size: 14px;
    }



.modulo10{
float: left;
    width: 316px;
    height: 220px;
    background-color:#5313b0;
    margin-left:6px;
    margin-top:12px;

    
}
.modulo10 h3 {
color: white;
margin-left: 10px;


}

.modulo10 h5 {
color:#b2b2b2;
margin-left: 10px;



}
.modulo10 a{
text-decoration: none;
}

.modulo10 h5:hover{
color: white;
}

.modulo10 img{
float: right;
margin-right: 10px; 
margin-top: -40px;
}

.modulo10 p{
color: white;
margin-left: 10px;


}

.modulo11{
float: left;
    width: 316px;
    height: 220px;
    background-color: #2F4A7E;
    margin-left: 6px;
    margin-top: 12px;
    
}



.modulo11 h1{

color: white;
margin-left: 10px;
margin-top: 45px;
}

.modulo11 h5 {
       color: white;
margin-left: 0px;
margin-top: 20px;
position: absolute;
background-color: #2F4A7E;
        padding: 2px;
    }



.modulo11 h6{
color: white;
margin-left: 10px;
margin-top:-23px;

font-size: 14px;
     
    }
.modulo11 a p {
        color: white;
        width: 100px; 
        position: absolute;
        margin-left: 230px;
        margin-top: -28px;
        font-size: 16px;
        }
   .modulo11 a p:hover{
color: darkgray;


}






.miciudad {
float: left; 
width: 960px;
height: 30px;
background-color: #17819b;
margin-left: 0px;
margin-top: 12px; 


}

.miciudad h4{
color: white;
margin-left:10px;
margin-top:6px;
    }


.google iframe {
margin-top: 12px;


}






/* --------------VIDEOS* --------------*/

.videos{
float: left;
width: 960px;
height: auto;


}

.masvisto{
float: left;
width: 960px;
height: 30px;
background-color: #ff9200;

}

.masvisto h4{

float: left;
padding: 5px;
margin-top: 0px;
color: white;
}

.vilovisionate{
float: left;
width: 960px;
height: 30px;
background-color: #2F4A7E;
margin-top: 12px;
}

.vilovisionate h4{

float: left;
padding: 5px;
margin-top: 0px;
color: white;
}



.videos1 { 
float: left;
width: 316px;
height:442px;
margin-top: 12px;
margin-left: 0px;
background-color: #b2b2b2;


}


.videos1:hover{
background-color: #2F4A7E;

}

.videos1 h1{
font-size: 58px;
color: white;
margin-left:10px;
margin-top: 60px;
}

.videos1 h5 {
       color: white;
margin-left: 0px;
margin-top: 20px;
position: absolute;
background-color: #2F4A7E;
        padding: 2px;
    }

.videos1 p{
    color: white;
    font-size: 14px;
    margin-left: 10px;
    margin-top: -20px
    
}
.videos1 ul li {
float: left;

display: inline-block;
list-style-type: none;
   margin-left: -20px;
}

.videos1 nav ul li a {
 text-decoration: none;
 text-align:  center;
}



.videos1 h4{
float: left;
color: white;
margin-top:0px;
margin-left:35px;
background-color:#b2b2b2 ;
        padding: 3px;
    }

.videos1 h4:hover{
background-color:#2F4A7E;

}


.videos2 { 
float: left;
width:316px;
height:220px;
margin-top: 12px;
margin-left: 6px;
background-color: #2F4A7E;
}



.videos2 h6 {
       color: white;
margin-left: 10px;
margin-top:20px;
font-size: 14px;
    }




.videos3 {
float: left;
width:316px;
height:220px;
margin-top: 12px;
margin-left: 6px;
background-color: #b2b2b2;
}

.videos3 h5 {
       color: white;
margin-left: 0px;
margin-top: 20px;
position: absolute;
background-color: #2F4A7E;
        padding: 2px;
    }


.recomendados{
float: left;
width: 960px;
height: 30px;
background-color: #ff9200;
margin-top: 24px;
}

.recomendados h4{

float: left;
padding: 5px;
margin-top: 0px;
color: white;
}


.videos4 { 
float: left;
width: 316px;
height: 109px;
margin-top: 12px;
margin-left: 0px;
background-color: #ff9200;


}

.videos4 iframe{ 
float: left;
margin-top: 6px;
margin-left: 6px;
}



.videos5 { 
float: left;
width: 316px;
height: 109px;
margin-top: 12px;
margin-left: 6px;
background-color: #b2b2b2;
}

.videos5 iframe{ 
float: left;
margin-top: 6px;
margin-left: 6px;
}


.videos6 { 
float: left;
width: 322px;
height: 109px;
margin-top: 12px;
margin-left: 0px;
background-color: #b2b2b2;
}


.videos6 iframe{ 
float: left;
margin-top: 6px;
margin-left: 6px;
}




.videos7 { 
float: left;
width: 316px;
height: 442px;
margin-top: -442px;
margin-left: 322px;
background-color:white;


}


.videos7 h1{
font-size: 36px;
color:  #ff9200;
margin-left: 10px;
margin-top: 80px;
}

.videos7 h5 {
       color: white;
margin-left: 0px;
margin-top: 20px;
position: absolute;
background-color:  #ff9200;
        padding: 2px;
    }

.videos7 p{
color: dimgray;
margin-left: 10px;
margin-top: 75px;
    font-size: 

 }

.videos7 h4{
float: left;
color: white;
margin-top:20px;
margin-left:120px;
background-color: #ff9200 ;
        padding: 3px;
    }

.videos7 h4:hover{
background-color:#b2b2b2;

}



.videos9 { 
float: left;
width: 316px;
height: 220px;
margin-top:-442px;
margin-left: 644px;
background-color: #b2b2b2;
}


.videos10 { 
float: left;
width: 316px;
height: 220px;
margin-top:-220px;
margin-left: 644px;
background-color:#5313b0;

}


.videos10 h3 {
color: white;
margin-left: 10px;


}

.videos10 h5 {
color:#b2b2b2;
margin-left: 10px;



}
.videos10 a{
text-decoration: none;
}

.videos10 h5:hover{
color: white;
}

.videos10 img{
float: right;
margin-right: 10px; 
margin-top: -40px;
}

.videos10 p{
color: white;
margin-left: 10px;


}

/* --------------CONTACTO* --------------*/

.contacto{
float: left;
width: 960px;
height: auto;

}

.contact{
float: left;
width: 960px;
height: 30px;
background-color:#5313b0;

}

.contact h4{

float: left;
padding: 5px;
margin-top: 0px;
color: white;
}

.mensaje {
float: left;
width: 316px;
height: 105px;
background-color: #5313b0;
    margin-top: 12px;

}

.mensaje h1 {
color: white;
font-size: 42px;
margin-left: 15px;
    font-size: 30px
}


.redes {
float: left;
width: 316px;
height: 105px;
background-color:#b2b2b2;
margin-left: 6px;
    margin-top: 12px;
}



.redes h3 {
color: white;
margin-left: 10px;
margin-top: 20px;
    font-size: 13.5px;
}

.redes img{
width: 40px;
height: 40px;

padding-left: 30px;
margin-top: 0px;
}


.redes img:hover{
width: 50px;
height: 50px;
transition: all 0.5s;
  transition-timing-function:ease-in-out;

}


.escribir{
float: left;
width: 316px;
height: 446px;
background-color:  #b2b2b2;
margin-top: -108px;
}

.escribir:hover{
background-color: #5313b0;
}

.escribir h1{
color: white;
margin-left: 18px;

}

.escribir h3{
float: left;
color: white;
margin-left: 65px;
background-color: #5313b0;
padding: 3px;
}



.escribir h3:hover{
color: #5313b0;
background-color: white;
    
}

.escribir p{
margin-top: -20px;
color: #e8e8e8;
margin-left: 18px;

}

input[type="contacto"]{
  position: relative;
    width: 260px;
    height: 30px;
    margin-left: 18px;
    margin-top: 10px;
    padding-left: 20px;
    font-size: 12px;
    outline: none;
    border: 0px;
    background-color: white;
    border-radius: 5px;
}



input[type="texto"]{
    width: 260px;
    height: 150px;
    margin-left: 18px;
    margin-top: 14px;
    padding-left: 20px;
    font-size: 12px;
    outline: none;
    border: 0px;
    background-color: white;
    border-radius: 5px;
       
}

.ubicacion {
float: left;
background-color:  #5313b0;
width: 960px;
height: 30px;
margin-top: 12px;

}

.ubicacion h4{
color: white;
margin-left: 15px;
margin-top: 5px;

}



.redes1{
float: left;
    width: 316px;
    height: 220px;
    background-color:#5313b0;
    margin-left:6px;
    margin-top:12px;

    
}
.redes1 h3 {
color: white;
margin-left: 10px;


}

.redes1 h5 {
color:#b2b2b2;
margin-left: 10px;



}
.redes1 a{
text-decoration: none;
}

.redes1 h5:hover{
color: white;
}

.redes1 img{
float: right;
margin-right: 10px; 
margin-top: -40px;
}

.redes1 p{
color: white;
margin-left: 10px;


}


.redes2{
float: left;
    width: 316px;
    height: 108px;
    background-color:#5313b0;
    margin-left:6px;
    margin-top:-108px;

    
}


.redes2 h4 {
color:#5313b0;
margin-left: 10px;



}
.redes2 a{
text-decoration: none;
}


.redes2 img{
float: right;
margin-right: 10px; 
margin-top:-25px;
width: 20px;
height: 20px;
}

.redes2 h3{
color: white;
margin-left: 10px;
font-size: 16px;
margin-right: 10px;

}




.redes2 p{
color: white;
margin-left: 10px;
margin-top:0px;

}

.redes2 p:hover{ color: #b2b2b2
    
   } 


.redes4{
float: left;
    width: 316px;
    height: 220px;
    background-color:#b2b2b2;
    margin-left:6px;
    margin-top:6px;

    
}

.redes4 h4 {
color:#5313b0;
margin-left: 10px;



}
.redes4 a{
text-decoration: none;
}




.redes4 h3{
float: left;
color: white;
margin-left: 10px;
background-color: #5313b0;
padding: 3px;
margin-top: -10px;
}


.redes4 h3:hover{
color: #5313b0;
background-color: white;
    
}

.redes4 p{
float: left;
color: white;
margin-left:-102px;
font-size: 12px;
margin-top: 30px;


}
.redes4 img{
float: right;
margin-right: 10px; 
margin-top: 75px;
width: 20px;
height: 20px;
}

.redes4 h2{
float: left;
color: white;
background-color:  #ff9200;
margin-left: 10px;
padding: 3px;
margin-top: 0px;

}
.redes4 h2:hover{
color: #ff9200;
background-color: white;
    
}
.redes4 h5{
float: left;
color:  white;
margin-left: 10px;
margin-top: 20px;
    font-size: 18px;
}

.redes5{
float: left;
    width: 316px;
    height: 108px;
    background-color:#5313b0;
    margin-left:-316px;
    margin-top:230px;

    
}

.redes5 h3 {
color: white;
margin-left: 10px;
font-size: 16px;
margin-right: 10px;

}

.redes5 img{
float: right;
margin-right: 10px; 
margin-top: -25px;
width: 20px;
height: 20px;
}

.redes5 p{
color: white;
margin-left: 10px;
margin-top:0px;

}




.redes6{
float: left;
    width: 316px;
    height: 108px;
    background-color:#5313b0;
    margin-left:6px;
    margin-top:6px;

    }



.redes6 h5 {
       color: white;
margin-left: 0px;
margin-top: 40px;
position: absolute;
background-color:rgba(178, 178, 178, 0.65);
        padding: 2px;
    }


.redes7 {
    float: left;
    width: 316px;
    height: 220px;
    margin-top: 6px;
    margin-left:6px;
        background-color: rgba(255, 255, 255, 0);
    }
.redes7 h5{
    color: #5313b0;
    margin-left: 10px;
        margin-top: 20px;
    }

.redes7 p{
    color: dimgray; font-size: 14px;
    margin-left: 10px; margin-top: -10px
    }
 /* --------------mapa* --------------*/

.mapa{
float: left;
width: 960px;
height: auto;

 }


.mapita{
float: left;
width: 960px;
height: 30px;
background-color:gray;

}

.mapita h4{

float: left;
padding: 5px;
margin-top: 0px;
color: white;
}

li{
list-style-type: none;
}

a {
text-decoration: none;
}

.err{
float: right;
}



.ini{
float: left;
width: 316px;
height:220px;
background-color:#b2b2b2;
margin-top: 12px;
}

.ini h2{position: absolute;margin-top: 35px;
color: white; margin-left: 20px; position: absolute;padding: 5px; padding-right: 10px;
} .ini h2:hover{ background-color: lightgrey;}

.ini h3{ 
    position: absolute;
    padding: 3px;
    padding-right: 230px; font-size: 16px;
    color: white;
    margin-top: 100px;
    margin-left: 20px; background-color: rgba(255, 255, 255, 0.21)
                } .ini h3:hover{ color: #b2b2b2; background-color: white; }
    
.pepe {
    float: left;
    margin-left:-295px;
    margin-top: 155px;
    }
.pepe p{color: white;
   margin-top: -10px;
       background-color: rgba(255, 255, 255, 0.21);padding: 2px; padding-right: 120px
    }



.hist{
float: left;
width: 316px;
height:220px;
background-color: #b2b2b2;
margin-left: 6px;
    margin-top: 12px
}

.hist h2{ float: left;
color: white; margin-left: -20px; padding: 5px;  background-color: #C66136
}.hist h2:hover{ background-color: rgba(128, 48, 48, 0.41);}

.h3333{
    float: left;
    margin-left: -295px;
    margin-top: 123px
    }

   .h3333 h3{ 
    float: left;
    padding: 3px;
    padding-right:150px;
    color: white;
    margin-top: -10px;
        font-size: 16px; background-color: rgba(255, 255, 255, 0.21);width: 120px
    
                } .h3333 h3:hover{ color: #C66136; background-color: white; }
    
    .pepo {float: left;
    margin-left:-295px;
    margin-top: 162px;
         }
    .pepo p{ color: white;
              margin-top: 13px;
               background-color: rgba(255, 255, 255, 0.21);padding: 2px; padding-right:90px
        
    }





.vid{
float: left;
width: 316px;
height:220px;
background-color: #b2b2b2;
margin-left: 6px;
    margin-top:12px
}

.vid h2{
    float: left;
color: white; 
    margin-left: -20px;
        padding: 5px; 
    padding-right: 10px;
    background-color:  #FF9200
}
.vid h2:hover{ background-color: rgba(198, 139, 60, 0.52);}

.vid h3{ 
   float: left;
    padding: 3px;
    padding-right:185px;
    color: white;
    margin-top: 5px;
    margin-left: 20px;
        font-size: 16px; 
    background-color: rgba(255, 255, 255, 0.21);
    
                } 
    
    .vid h3:hover{ color:  #FF9200; background-color: white; }

    .vid p{
       float: left;
        color: white;
        margin-left: 22px;
        margin-top: -10px;
        background-color: rgba(255, 255, 255, 0.21);padding: 2px; padding-right: 105px
    }





.pro{
float: left;
width: 316px;
height:700px;
background-color:#b2b2b2;

margin-left: 0px;
    margin-top: 6px;
}

.pro h2{
    float: left;
color: white; margin-left: -20px; padding: 5px; padding-right: 10px;background-color: #179b77
}.pro h2:hover{ background-color: rgba(17, 121, 93, 0.53);}


.h33{float: left;
    margin-left: -295px;
    margin-top: 120px
    
    }
.h33 h3{ 
   float: left;
    padding: 3px;
    padding-right:162px;
    color: white;
    margin-top: -10px;
        font-size: 16px;background-color: rgba(255, 255, 255, 0.21);width: 100px;
    
                } .h33 h3:hover{ color: #179b77; background-color: white; }

.ppp {
    float: left;
    margin-left:-295px;
    margin-top: 182px;
    
    }
    .ppp p{ color: white;
   margin-top: -10px;
       background-color: rgba(255, 255, 255, 0.21);padding: 2px; padding-right: 90px
        
    }


.vilo{
float: left;
width: 316px;
height:220px;
background-color: #b2b2b2;
margin-left: 6px;
    margin-top: 6px;
}

.vilo h2{
    float: left;
color: white; margin-left: -20px; padding: 5px; padding-right: 10px;background-color: #2F4A7E
}.vilo h2:hover{ background-color: rgba(34, 54, 93, 0.64);}

.h333 {
    float: left;
    margin-left: -295px;
    margin-top: 120px
        } 
.h333 h3{float: left;
    padding: 3px;
    padding-right:170px;
    color: white;
    margin-top: -10px;background-color: rgba(255, 255, 255, 0.21);width: 90px;
        font-size: 16px;
    } .h333 h3:hover{ color: #2F4A7E; background-color: white; }

.age{
float: left;
width: 316px;
height:331px;
background-color: #b2b2b2;
margin-left: 328px;
    margin-top:-220px;
}

.age h2{
    float: left;
color: white; margin-left: -20px; padding: 5px; padding-right: 10px;background-color:  #17819b
}.age h2:hover{ background-color: rgba(20, 94, 113, 0.71);}

.h33333 {float: left;
    margin-left: -295px;
    margin-top: -105px
    }

.h33333 h3{float: left;
    padding: 3px;
    padding-right:170px;
    color: white;
    margin-top: -10px;background-color: rgba(255, 255, 255, 0.21);width: 90px;
        font-size: 16px;
    } 
.h33333 h3:hover{ color:  #17819b; background-color: white; }
.pipo {float: left;
    margin-left:-295px;
    margin-top: -25px;
    
    }.pipo p{ color: white;
   margin-top: -10px;
       background-color: rgba(255, 255, 255, 0.21);padding: 2px; padding-right: 200px;
        
    }

.cont {
float: left;
width: 316px;
height:105px;
background-color: #b2b2b2;

margin-left: 6px;
    margin-top: -105px;
}

.cont h2{ float: left;
color: white; margin-left: -20px; padding: 5px; padding-right:10px;background-color: #5313b0
}.cont h2:hover{ background-color: rgba(53, 14, 109, 0.72);}


.err{
float: left;
width: 155px;
height:105px;
background-color: gray;
margin-left:6px;
    margin-top: 6px
}

.err h2{
    float: left;
color: white; margin-left: -20px; padding: 5px; padding-right:10px;
}.err h2:hover{ background-color: rgba(211, 211, 211, 0.6);}


.map{
float: left;
width: 155px;
height:105px;
background-color: gray;
margin-left:6px;
margin-top: 6px;
}

.map h2{ float: left;
color: white; margin-left: -20px;padding: 5px; padding-right:10px;
}.map h2:hover{ background-color: rgba(211, 211, 211, 0.59);}


.ico1 {
    float: left;
    width: 638px;
    height: 105px;
    margin-left: 322px;
        margin-top: -250px;
   
    
    }
    
.ico1 img{ width: 30px; height: 30px;
    padding-right: 60px; margin-left: 20px;
        margin-top: 25px;
     }
.ico1 p{
   float: left;
    padding-right: 40px;
    margin-left: 20px;
    color: dimgray;
    
    }
    
.ico2 {
    position: absolute;
  margin-left: 205px;
    margin-top: 85px;
}
    .ico2 img {width: 20px; height: 20px;
    }

.ico3 {
    position: absolute;
  margin-left: 248px;
    margin-top: 145px;
}
    .ico3 img {width: 20px; height: 20px;
    }


.ico4 {
    position: absolute;
  margin-left: 540px;
    margin-top: 85px;
}
    .ico4 img {width: 20px; height: 20px;
    }



.ico5 {
    position: absolute;
  margin-left: 537px;
    margin-top: 145px;
}
    .ico5 img {width: 20px; height: 20px;
    }

.ico6 {
    position: absolute;
  margin-left: 537px;
    margin-top: 175px;
}
    .ico6 img {width: 20px; height: 20px;
    }



.ico7 {
    position: absolute;
  margin-left:840px;
    margin-top: 85px;
}
    .ico7 img {width: 20px; height: 20px;
    }


.ico8 {
    position: absolute;
  margin-left:835px;
    margin-top: 145px;
}
    .ico8 img {width: 20px; height: 20px;
    }


.ico9 {
    position: absolute;
  margin-left: 245px;
    margin-top: 315px;
}
    .ico9 img {width: 20px; height: 20px;
    }

.ico10 {
    position: absolute;
  margin-left: 215px;
    margin-top: 375px;
}
    .ico10 img {width: 20px; height: 20px;
    }

.ico11 {
    position: absolute;
  margin-left: 215px;
    margin-top:405px;
}
    .ico11 img {width: 20px; height: 20px;
    }


.ico12 {
    position: absolute;
  margin-left: 540px;
    margin-top: 315px;
}
    .ico12 img {width: 20px; height: 20px;
    }

.ico13 {
    position: absolute;
  margin-left: 535px;
    margin-top: 375px;
}
    .ico13 img {width: 20px; height: 20px;
    }


.ico14 {
    position: absolute;
  margin-left: 535px;
    margin-top: 405px;
}
    .ico14 img {width: 20px; height: 20px;
    }


.ico15 {
    position: absolute;
  margin-left: 560px;
    margin-top: 435px;
}
    .ico15 img {width: 20px; height: 20px;
    }

.ico16 {
    position: absolute;
  margin-left: 885px;
    margin-top: 315px;
}
    .ico16 img {width: 20px; height: 20px;
    }
.ico17 {
    position: absolute;
  margin-left: 885px;
    margin-top: 385px;
}
    .ico17 img {width: 20px; height: 20px;
    }
.ico18 {
    position: absolute;
  margin-left: 885px;
    margin-top: 425px;
}
    .ico18 img {width: 20px; height: 20px;
    }


.ico19 {
    position: absolute;
  margin-left: 538px;
    margin-top:535px;
}
    .ico19 img {width: 20px; height: 20px;
    }


/* -------------- HISTORIA* --------------*/

.historieta{float: left;
width: 960px;
height: auto;

 }

    

.qsomos{
float: left;
width:960px;
height: 30px;
background-color: #C66136;
margin-left: 0px;
margin-top: 0px; 
}

.qsomos h4{
color: white;
margin-left:10px;
margin-top:7px;
    }

.bloq1 {
  float: left;
  width: 476px;
  height: 440px;
  margin-top: 12px;
  background-color: white;
}

.bloq1 p {
  width: 444px;
  margin-left: 15px;
  color: #b2b2b2;
  text-align: justify;
  margin-top: -10px;

}

.bloq2 h5{
    color:#C66136;
    margin-left: 484px;
    margin-top: 150px;
    background-color:white;
    position: absolute;
    padding: 2px;

   
}

.bloq2 img{ 
    float: left;
    margin-top: -439px;
    margin-left: 484px;
}

.galeriaimagenes {
    float:left;
    margin-top: 6px;
    width: 820px;
    height:226px;
    margin-left: -6px
    
}

.galeriaI{
    float: left;
    width: 155px;
    height: 220px;
    background-color:#C66136;
    margin-left: -6px;
    margin-top: 6px;
}


.galeriaI h1{
    font-size: 28px;
    color: white;
    padding-left: 10px;
    padding-top: 20px;
}

.galeriaI h6{
    color:white;
    padding-left: 10px;
    margin-top: -10px;
        
}
.HISTO2 {
    float:left;
    margin-left: 6px;
    margin-top: 2px;
    
}

.HISTO {
    float: left;,
    margin-top: 300px;
    margin-right: 6px;
    
    
}

.bloq3{
    background-color:#b2b2b2;
    float: left;
    width: 155px;
    height: 220px;
    margin-top: -448px;
    margin-left: 805px;
    
}

.bloq3:hover{
    background-color: #ff9200;

}

.bloq3 a {
    text-decoration: none; }

.bloq3 a h1{
    font-size: 24px;
    color: white;
    margin-left:5px;
    margin-top: 45px;
}

.bloq3 h5{
    font-size: 14px;
    color: white;
    background-color: #ff9200;
    width: 70px;
    height: 20px;
}

.bloq3 h6{
    font-size: 12px;
    color: white;
    margin-left: 4px;
}

.bloq4 {
    background-color:#b2b2b2;
    float: left;
    width: 155px;
    height: 50px;
    margin-top: -222px;
    margin-left: 805px;
    
}
.bloq4:hover{
    background-color:#C66136;

}

.bloq4 a {
    text-decoration:none;}

.bloq4 a h1{
    text-decoration:none;
    color: white;
    font-size: 24px;
    padding : 4px;
    margin-left: 4px;
    margin-top: 4px;
    
}

.bloq5 {
    background-color:#b2b2b2;
    float: left;
    width: 155px;
    height: 50px;
    margin-top: -166px;
    margin-left: 805px;
    
}

.bloq5 a {
    text-decoration:none;
}

.bloq5 a h1{
    color: white;
    font-size: 24px;
    padding : 4px;
    margin-left: 4px;
    margin-top: 8px;
}

.bloq5:hover{
    background-color:#C66136;
}

.bloq6 {
    background-color:#b2b2b2;
    float: left;
    width: 155px;
    height: 108px;
    margin-top: -109px;
    margin-left: 805px;
    
}

 .bloq6 a{
    text-decoration:none;}  

.bloq6 a h1{
    font-size: 22px;
    color: white;
    margin-left:5px;
    margin-top: -20px;
}

.bloq6 h5{
    font-size: 14px;
    color: white;
    background-color:#2F4A7E;
    width: 120px;
    height: 20px;
    margin-top: 10px;
    padding-left:2px; 
}
.bloq6 h6{
    font-size: 12px;
    color: white;
    margin-left: 4px;
    margin-top: -15px;
}

.bloq6:hover{
     background-color:#2F4A7E;
}

.albumes{
float: left;
width:960px;
height: 30px;
background-color: #C66136;
margin-left: 0px;
margin-top: 12px; 
}

.albumes h4 {
    color: white;
margin-left:10px;
margin-top:7px;
}

.bloq7{
    float: left;
    width:316px;
    height: 220px;
    background-color:#C66136;
    margin-left:0px;
    margin-top: 16px;
    margin-bottom: 10px;
    
}

.bloq7 img {
    float: left;
    margin-top: -208px;
    margin-left: 4px;
}

.bloq7 a {
    text-decoration:none;
    font-size: 12px;
    color: white;
}

.bloq7 h4{
    color: white;
    padding-left: 4px;
    margin-top: 150px;
}

.bloq7 p {
    margin-top: -15px;
    margin-left: 255px;
}

.bloq7 h6{
    color: white;
    padding-left: 4px;
    margin-top: -15px;
}

.bloq8{
    float: left;
    background-color:#C66136;
    width: 316px;
    height: 220px;
    margin-left: 6px;
    margin-top: 16px;
}

.bloq8 a {
    text-decoration:none;
    font-size: 12px;
    color: white; 
}

.bloq8 img {
    float: left;
    margin-top: -208px;
    margin-left: 4px;
}

.bloq8 h4{
    color: white;
    padding-left: 4px;
    margin-top: 150px;
}

.bloq8 p {
    margin-top: -15px;
    margin-left: 255px;
}

.bloq8 h6{
    color: white;
    padding-left: 4px;
    margin-top: -15px;
}


.bloq9{
    float: left;
    width: 316px;
    height: 220px;
    background-color:#C66136;
    margin-left:6px;
    margin-top: 16px;
}

.bloq9 a {
    text-decoration:none;
    font-size: 12px;
    color: white;    
}

.bloq9 img {
    float: left;
    margin-top: -208px;
    margin-left: 4px;
}

.bloq9 h4{
    color: white;
    padding-left: 4px;
    margin-top: 150px;
}

.bloq9 p {
    margin-top: -15px;
    margin-left: 255px;
}

.bloq9 h6{
    color: white;
    padding-left: 4px;
    margin-top: -15px;
}

.bloq10{
    float: left;
    background-color: #b2b2b2;
    width: 477px;
    height: 220px;
    margin-top: 6px;
}

.bloq10 a{
    text-decoration: none;
}

.bloq10:hover{
    background-color: #C66136;

}

.bloq10 h1{
    color: white;
    padding-left: 10px;
    padding-top: 60px;
}

.bloq10 h4 {
    color: white;
    padding-left: 10px;
}

.bloq10 h5{
    color: white;
  margin-left: 0px;
  margin-top: 20px;
  position: absolute;
  background-color:#C66136;
  padding: 2px;
}

.bloq10 :hover{
    background-color: #C66136;
}

.publih{
    float: left;
    margin-top: 6px;
    margin-left: 7px;
}

.publih h5{
    color: white;
  margin-left: 0px;
  margin-top: 20px;
  position: absolute;
  background-color: rgba(178, 178, 178, 0.4);
  padding: 2px;
}


/* -------------- EQUIPO* --------------*/

.equipete{
    float: left;
width: 960px;
height: auto;

 }
    

.Nequipo{
float: left;
width:960px;
height: 30px;
background-color: #C66136;
margin-left: 0px;
margin-top: 0px; 
}

.Nequipo h4{
    color: white;
margin-left:10px;
margin-top:7px;
}

.perio1 {
  float: left;
  width: 476px;
  height: 440px;
  margin-top: 12px;
  background-color: white;

}

.perio1 img{
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
    float:left
}

.perio1 ul{
    float: left;
    margin-top: 30px;
    margin-left: 10px;
    list-style: none;
    font-size: 12px;
    background-color:#2F4A7E;
    width: 230px;
    height: 100px;
    color:white;
}

.perio1 h5{
    margin-top: 150px;
    margin-left: 10px;
    width: 450px;
    text-align: justify;
    color: darkgray;
}

.perio2 {
  float: left;
  width: 476px;
  height: 328px;
  margin-top: 12px;
  background-color: white;
    margin-left: 6px;
}

.perio2 img{
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
    float:left
}

.perio2 ul{
    float: left;
    margin-top: 30px;
    margin-left: 10px;
    list-style: none;
    font-size: 12px;
    background-color:#2F4A7E;
    width: 230px;
    height: 100px;
    color:white;
}

.perio2 h5{
    margin-top: 150px;
    margin-left: 10px;
    width: 450px;
    text-align: justify;
    color: darkgray;
}

.perio3 {
    float: left;
    background-color: #C66136;
    width: 155px;
    height: 108px;
    margin-left: 6px;
    margin-top: 6px; 
}

.perio3 h4{
    color:white;
    margin-left: 10px;
    float: left;
}

.perio4 img{
    float: left;
    margin-left: 6px;
    margin-top: 6px;
}

.perio4 h6{
    position: absolute;
    color:#C66136;
    margin-left: 644px;
    margin-top:463px;
    padding-left: 100px;
    padding-top: 2px;
    background-color: white;
    width: 55px;
    height: 20px;
    
}

perio4 a {
    text-decoration: none;
    background-color: white;
    
}

.perio5 img{
    float: left;
    margin-left: 6px;
    margin-top: 6px;
}

.perio5 a{
    text-decoration: none;
}

.perio5  h6{
    float: left;
    color: #C66136;
    background-color: white;
    float: left;
    width: 55px;
    height: 20px;
    margin-left: 805px;
    margin-top: -21px;
    padding-left: 100px;
    padding-top: 2px;
}

.noteros {
    float: left;
    background-color:#C66136;
    width: 959px;
    margin-top: -12PX; 
    
}

.noteros h1 {
    color: white;
    float: left;
    padding-left: 10px;
    padding-right: 130px;
    padding-bottom: 65px;
}


.noti1 {
    margin-top: 6px;
    margin-left: 6px;
    float: left;
}

.noti2 {
    margin-top: 5px;
    margin-left: 6px;
    float: left;
}

.noti3 {
    float: left;
    width:310px;
    height: 330px;
    background-color:#b2b2b2;
    margin-top: 12px;
}

.noti3 h5 {
    color: white;
    padding-left: 4px;
    background-color:#2F4A7E;
    color: white;
    position: absolute;
    width:115px;
}

.noti3 h1{
    font-size: 60px;
    color: white;
    padding-left: 10px;
    padding-top: 40px; 
}

.noti3 h4{
    color:white;
    padding-left: 10px;
}


.noti3 p{
position: absolute;
color: white;
background-color: #2F4A7E;
padding: 2px;
 margin-left: 100px;
        margin-top: -10px;
        font-size: 16px;
}


.noti3 p:hover {
        color:#2F4A7E;
        background-color: #b2b2b2;
        font-size: 14px;
       
}

.noti3 h6 {
    color: white;
    padding-left: 4px;
    margin-top: 60px;
}

.noti5{
float: left;
    width: 316px;
    height: 220px;
    background-color:#5313b0;
    margin-left:6px;
    margin-top:12px;
}

.noti5 h3 {
color: white;
margin-left: 10px;
}

.noti5 h5 {
color:#b2b2b2;
margin-left: 10px;
}

.noti5 a{
text-decoration: none;
}

.noti5 h5:hover{
color: white;
}

.noti5 img{
float: right;
margin-right: 10px; 
margin-top: -40px;
}

.noti5 p{
color: white;
margin-left: 10px;
}


.noti6{
float: left;
    width: 316px;
    height: 220px;
    background-color:#b2b2b2;
    margin-left:6px;
    margin-top:12px;   
}

.noti6:hover{
    background-color: #ff9200;
}

.noti6 h5{
    color: white;
    background-color: #ff9200;
    padding-left: 2px;
    width: 60px;
}

.noti6 a {
    text-decoration: none;
}

.noti6 h1{
    color: white;
    padding-left: 4px;
}

.noti6 h6{
    color: white;
    padding-left: 4px;
}

.vilopubli img{
    margin-left: 6px;
    margin-top: 6px;
}

/* --------------GALERIAEXTERIORES* --------------*/

.gale{
    float: left;
width: 960px;
height: auto;

 }


.Galeriae{
float: left;
width:960px;
height: 30px;
background-color: #C66136;
margin-left: 0px;
margin-top: 0px; 
}

.Galeriae h4{
    color: white;
margin-left:10px;
margin-top:7px;
}

.galeriaA{
    float: left;
    margin-top: 12px;
}

.galeriaB{
  float: left;
    margin-top: 12px;
    margin-left: 6px;
}

.galeriaC{
    float:left; 
    margin-top: 126px;
    margin-left: -315px;
}

.galeriaD{
   float: left; 
    margin-top: 12px;
    margin-left: 6px;
}

.galeriaE{
    float: left;
    margin-top: 12px;
    margin-left:0px
}

.galeriaF{
    float: left;
    margin-top: 126px;
    margin-left: -632px;
}

.galeriaG{
    float: left;
    margin-top: 0px;
    margin-left:6px;
}

.galeriaH{
    float: left;
    margin-top: 0px;
    margin-left: 6px;
}

.galeriaI {
    float: left;
margin-top: 0px;
    margin-left: 6px;
    margin-bottom:80px;
    
}

.galeriaJ {
float: left;
    margin-top:-226px;
    margin-left: 805px;
}

.galeriaK {
    float: left;
margin-top:0px;
    margin-left: 0px;
}



/* --------------tiempo* --------------*/

.clima {
float: left;
width: 960px;
height: auto;
}

.clima img {
float: left;
width: 960px;
}

/* --------------AGENDAAA* --------------*/

#cajaevent{
    position: relative;
    width: 638px;
    height: auto;
	margin-top: 80px;
}

.agendaevent{
   float: left;
   width: 638px;
   height: 30px;
   background-color: #17819b;
}

.agendaevent h4{
    color: white;
    margin-top: -1px;
    padding-top: 6px;
    padding-left: 15px;
}

.modulo1agn{
    float: left;
    width: 638px;
    height: 110px;
    margin-top: 6px;
    background-color: white;
}

.modulo1agn h5{
    width: 608px;
    margin-left: 15px;
    color: #b2b2b2;
}

.modulo1agn p{
    float: left;  
    background-color: grey;
    width: 120px;
    height: 16px;
    text-align: center;
    padding-top: 2px;
    color: white;
    margin-left: 15px;
    margin-top: -10px;
    font-size: 12px;
}

.modulo1agn p:hover{
    background-color: #17819b;
}



.moduloev01{ 
   float: left;    
   background-color: #17819b; 
   width: 110px;
   height: 158px;
   margin-top: 6px;    
}

.moduloev01 h1{
   color: white;
   float: left;
   margin-top: 15px;    
   margin-left: 15px;  
}

.moduloev01 h4{
   color: white;
   float: left;    
   margin-top: 47px;
   margin-left: -40px;    
}

.moduloev02 img{ 
   float: left;    
   background-color: #b2b2b2; 
 
   height: 158px;
   margin-top: 6px;
   margin-left: 1px;    
}

.moduloev03 img{ 
   float: left;    
   background-color: #b2b2b2; 
   width: 131px;
   height: 158px;
   margin-top: 6px;
   margin-left: 1px;    
}

.moduloev04 img{ 
   float: left;    
   background-color: #b2b2b2; 
   width: 131px;
   height: 158px;
   margin-top: 6px;
   margin-left: 1px;     
}

.moduloev05 img{ 
   float: left;    
   background-color: #b2b2b2; 
   width: 131px;
   height: 158px;
   margin-top: 6px;
   margin-left: 1px;     
}

.moduloev06{ 
   float: left;    
   background-color: #17819b; 
   width: 110px;
   height: 158px;
   margin-top: 6px;    
}

.moduloev06 h1{
   color: white;
   float: left;
   margin-top: 15px;    
   margin-left: 15px;  
}

.moduloev06 h4{
   color: white;
   float: left;    
   margin-top: 47px;
   margin-left: -40px;    
}

.moduloev07 img{ 
   float: left;    
   background-color: #b2b2b2; 
   width: 131px;
   height: 158px;
   margin-top: 6px;
   margin-left: 1px;    
}

.moduloev08 img{ 
   float: left;    
   background-color: #b2b2b2; 
   width: 131px;
   height: 158px;
   margin-top: 6px;
   margin-left: 1px;    
}

.moduloev09 { 
   float: left;    
   background-color: #17819b; 
   width: 131px;
   height: 158px;
   margin-top: 6px;
   margin-left: 1px;     
}

.moduloev09 h1{
   color: white;
   float: left;
   margin-top: 15px;    
   margin-left: 15px;  
}

.moduloev09 h4{
   color: white;
   float: left;    
   margin-top: 47px;
   margin-left: -40px;    
}

.moduloev010 img{ 
   float: left;    
   background-color: #b2b2b2; 
   width: 131px;
   height: 158px;
   margin-top: 6px;
   margin-left: 1px;     
}

.moduloev011{ 
   float: left;    
   background-color: #17819b; 
   width: 110px;
   height: 158px;
   margin-top: 6px;    
}

.moduloev011 h1{
   color: white;
   float: left;
   margin-top: 15px;    
   margin-left: 15px;  
}

.moduloev011 h4{
   color: white;
   float: left;    
   margin-top: 47px;
   margin-left: -40px;    
}

.moduloev012 img{ 
   float: left;    
   background-color: #b2b2b2; 
   width: 131px;
   height: 158px;
   margin-top: 6px;
   margin-left: 1px;    
}

.moduloev013 img{ 
   float: left;    
   background-color: #b2b2b2; 
   width: 131px;
   height: 158px;
   margin-top: 6px;
   margin-left: 1px;    
}

.moduloev014 img{ 
   float: left;    
   background-color: #b2b2b2; 
   height: 158px;
   margin-top: 6px;
   margin-left: 1px;     
}




#cajaevent2{
    position: relative;
    width: 316px;
    height: auto;
	margin-top: 80px;
    margin-left: 644px;
	min-height: 650px;
}

.modulocaja2{
   position: absolute;    
   background-color: #b2b2b2;
   width: 316px;
   height: 146px;    
   margin-left: 0px;    
}

.modulocaja3 img{
   float: left;    
   width: 316px;
   height: 322px;    
   margin-left: 0px; 
   margin-top: -322px;    
}


.modulocaja3 h5{
position: absolute;    
color: white;
background-color: #17819b;
margin-top: 170px;    
padding: 3px;    
}


.modulocaja4{
   position: absolute;    
   background-color: #2F4A7E;
   width: 316px;
   height: 158px;    
   margin-left: 0px; 
   margin-top: 438px;    
}

.modulocaja4 h5{
   color: white;
   margin-top: 15px;
   margin-left: 4px;    
}

.modulocaja4 h1{
   color: white;
   margin-top: 15px;
   margin-left: 4px;    
}

.modulocaja4 h6{
   color: white;
   margin-top: 15px;
   margin-left: 4px;
   font-size: 22px;
   margin-top: -10px;    
}


.modulocaja4 a{
    text-decoration: none;
}

.modulocaja4 h3{
    background-color: white;
    color: #2F4A7E;
    width: 63px;
    margin-top: -32px;
    margin-left: 124px;
    padding: 4px;
}


.agendaeventbarra{
   float: left;
   width: 960px;
   height: 30px;
   background-color: #17819b;
}

.agendaeventbarra h4{
    color: white;
    margin-top: -1px;
    padding-top: 6px;
    padding-left: 15px;
}

.banneragenda img{
margin-top: 12px;
}

/* --------------pagina error* --------------*/


#comienzoerror{
     position: abso;
     width: 960px;
     height: 440px;
     margin-top:75px;
    margin-bottom: -40px;
     background-color: white;
    
}


.bloquedetexto h1 {
          position: absolute;
          margin-top: -400px;
          margin-left: 100px;
          color: #FF9200;
}

          
.bloquedetexto h4 {
          position: absolute;
          margin-top: -360px;
          margin-left: 170px;
          color: grey;
}

.bloquedetexto h6 {
          position: absolute;
          width: 350px;
          text-indent: 10px;
          margin-top: -310px;
          margin-left: 100px;
          color: grey;
}



.primerimagerror img{
        float: left;
        width: 110px;
        margin-top: -250px;
        margin-left: 100px;
}

.primerimagerror h5{
position: absolute;
color: white;
margin-top: -197px;
margin-left: 108px;    
background-color:grey; 
padding: 3px;    
}

.primerimagerror  h5:hover{
background-color: #179b76
}

.segundaimagerror img{
        float: left;
        width: 110px;
        margin-top: -250px;
        margin-left: 220px;
}

.segundaimagerror h5{
position: absolute;
color: white;
margin-top: -197px;
margin-left: 239px;    
background-color: grey; 
padding: 3px;    
}

.segundaimagerror  h5:hover{
background-color: #179b76
}

.terceraimagerror img{
        float: left;
        width: 110px;
        margin-top: -250px;
        margin-left: 340px;
}

.terceraimagerror h5{
position: absolute;
color: white;
margin-top: -197px;
margin-left: 360px;    
background-color:grey; 
padding: 3px;    
}

.terceraimagerror h5:hover{
background-color: #179b76
}


.bloquedetexto li{
    float: left;
    margin-top: 10px;
    padding-left:0px;
    list-style-type: none;
     margin-left: 30px;
}

.bloquedetexto li a{  
  color: white;
  text-decoration: none;
  cursor: auto;
  margin-left: 80px;
    
}

.bloquedetexto p {
  display: block;
  position: absolute;
  width: 80px; 
  height: 22px;   
  padding-top: 2px;    
  background-color: grey; 
  text-align: center;
  -webkit-margin-before: -10em;
  -webkit-margin-start: 100px;
}

.bloquedetexto p:hover{
  background-color: #2F4A7E; 
}

#minitexto p{
          position: absolute;
          color: lightgrey;
          margin-top: 17px;
          margin-left: 350px;
          font-size: 9px;
}
/* --------------evento* --------------*/

.eventoespecialbarra{
   float: left;
   width: 960px;
   height: 30px;
   background-color: #17819b;
}

.eventoespecialbarra h4{
    color: white;
    margin-top: -1px;
    padding-top: 6px;
    padding-left: 15px;
}


#eventoespecialimg li {
    float: left;
    display: inline-block;
}

.eventoespecialnad {
    display: none;
    position: absolute;
    background-color: rgba(23, 129, 155, 0.8);
    width:638px;
    height: 150px;
    margin-top:309px;
}

li:hover .eventoespecialnad {
    display: block;
}

#eventoespecialimg img {
    float: left;
    width:638px;
    height: 446px;
    margin-left:0px;
    margin-top: 12px;    
}

#eventoespecialimg h1 {
    font-size: 28px;
    color: white; 
    position: absolute;
    margin-left: 6px;
    margin-top: 12px;    
}

#eventoespecialimg h5 {
        color: white;
        font-size: 12px;
        margin-left: 0px;
        position:absolute;
        margin-top: 28px;
        background-color:#17819b;
        padding: 2px;
}
    
#eventoespecialimg h4 {
        color: white;
        font-size: 24px;
        margin-left: 12px;
        position:absolute;
        margin-top: 50px;
}

#eventoespecialimg p {
        color: white;
        font-size: 12px;
        margin-left: 12px;
        position:absolute;
        margin-top: 95px;
}


.bloquelargoevento{
position: absolute;
width: 316px;
height: 446px;
margin-top: 122px;
margin-left:645px;     
background-color: #17819b;
}

.bloquelargoevento h1{
color: white;
margin-left: 10px;    
}

.bloquelargoevento p{
color: white;
margin-left: 10px; 
}

.bloquelargoevento h3{
color:#17819b;
margin-left: 120px;
margin-top: 100px;    
background-color: white;
width: 70px;    
padding: 3px;    
}

.bloquelargoevento a{
text-decoration: none;
}

.bloquelargoevento h3: hover{
color: white;
background-color: #17819b;
}



.img0125{
float: left;
margin-top: 12px;    
}

.img0125 h5{
position: absolute;
margin-top: 18px;    
color: grey;
background-color: rgba(255, 255, 255, 0.84);    
}

/* --------------concurso/videos* --------------*/
.concursos{
float: left;
width: 960px;
height: auto;
}

.concur{float: left;
width: 960px;
height: 30px;
background-color: #ff9200;
        }

.concur h4{
float: left;
padding: 5px;
margin-top: 0px;
color: white;
}

.concurso1 {
    float: left;
    width: 316px;
    height: 222px;
    background-color: #b2b2b2;
    margin-top: 12px;
    }

.concurso1 p {
    color: white;
    margin-left: 10px;
    margin-right: 10px;
    }

.concurso1 h2 {
    color: white;
    margin-left: 10px;
    margin-right: 10px;
    }


.concurso2 { float:left;
    width: 638px;
    height: 222px;
    margin-top: 12px;
    margin-left: 6px;
    background-color:  #ff9200;
          }

.concurso2 h5{
color: white;
margin-left: 10px;
margin-top: 20px;
position: absolute;

    }

.concurso2 iframe{
    margin-top: 60px;
    padding-left: 6px
    
     }

.concurso3 {
    float: left;
    width: 316px;
    height: 222px;
    background-color:#b2b2b2;
    margin-top: 6px;
    }

.concurso3 h1{ color: white;
    margin-left: 10px;
    }

.concurso3 h4{ 
    float: left;
color: white;
margin-top:40px;
margin-left:40px;
background-color:#b2b2b2 ;
        padding: 3px;
   
        }

.concurso3 h4:hover{
  
    background-color: #ff9200;
    padding: 2px;
    }

.concurso3 img{ margin-left: 20px;margin-top: 30px;
    }
.concurso3 img:hover{ background-color: #ff9200; padding: 2px;

    }
.concurso4 {
    float: left;
    width: 638px;
    height: 222px;
    background-color:rgba(178, 178, 178, 0);
    margin-top: 6px;
    margin-left: 6px;
    }
.concurso4 h3{ color: #ff9200;
    margin-left: 10px;
    
}
.concurso4 h4{ color: #ff9200;
    margin-left: 10px;
    margin-top: -10px;
    
}
.concurso4 p{ color: dimgrey;
    margin-left: 10px;
    font-size: 14px;
    margin-top: -7px
    
}

.concurso4 h5 {
    color: dimgray;
    padding-bottom: 20px;
    margin-left: 10px;
    
} .concurso4 h5:hover {
    color: #ada9a9;
}

.concurso5 { float:left;
    width: 960px;
    height: 30px;
    margin-top: 12px;
    margin-left: 0px;
    background-color:  #ff9200;
          }
.concurso5 h4{
float: left;
padding: 5px;
margin-top: 0px;
color: white;
}

.concurso6 { float:left;
    width: 316px;
    height:auto;
    margin-top: 12px;
    margin-left: 0px;
    background-color:  rgba(178, 178, 178, 0);
          }

.concurso6 h5{
position: absolute;
margin-top: 0px;
color: white;
background-color: #ff9200;
    padding: 2px
        }

.concurso6 iframe{ 
    margin-top: 30px;
    padding-left: 2px;
    }

.concurso7 { float:left;
    width: 316px;
    height: auto;
    margin-top: 12px;
    margin-left: 6px;
    background-color:  rgba(178, 178, 178, 0);
          }

.concurso7 h5{
position: absolute;
margin-top: 0px;
color: white;
background-color: #ff9200;
    padding: 2px
        }

.concurso7 iframe{ 
    margin-top: 30px;
    padding-left: 2px;
    }

.concurso8 { float:left;
    width: 316px;
    height: auto;
    margin-top: 12px;
    margin-left: 6px;
    background-color:  rgba(178, 178, 178, 0);
          }

.concurso8 h5{
position: absolute;
margin-top: 0px;
color: white;
background-color: #ff9200;
    padding: 2px
        }

.concurso8 iframe{ 
    margin-top: 30px;
    padding-left: 2px;
    }



/* --------------REGISTRADO----------------*/
.sectorformulario2{
    background-color: #2F4A7E;
    float: left;
    width: 960px;
    height: 30px;
}

.sectorformulario2 h4{
      float: left;
      color: white;
      margin-left: 10px;
      margin-top: 5px;
}


.cuadronovedadesusu{
float: left;
width: 316px;
height: 220px;
background-color:  #b2b2b2;
margin-top: 6px;
}

.cuadronovedadesusu:hover{
background-color: #2F4A7E;
}

.cuadronovedadesusu h1{
margin-left: 18px;
margin-top: 8px;    
color: white;
}

input[type="texto"]{
    width: 260px;
    height: 80px;
    margin-left: 18px;
    margin-top: -10px;
    padding-left: 20px;
    font-size: 12px;
    outline: none;
    border: 0px;
    background-color: white;
    border-radius: 5px;
}

.cuadronovedadesusu h3{
float: left;
color: white;
margin-left: 118px;
margin-top: 8px;    
background-color: #2F4A7E;
padding: 3px;
}

.cuadronovedadesusu h3:hover{
color:  #2F4A7E;
background-color: white;
}

.modulodosusuario{
float: left;
width: 316px;
height: 220px;
background-color:#b2b2b2;
margin-left: 6px;
margin-top: 6px;
}

.modulodosusuario:hover{
background-color: #2F4A7E;
}

.modulodosusuario h1{
margin-left: 18px;
margin-top: 8px;    
color: white;
}

.modulodosusuario h2{
margin-left: 18px;
margin-top: 8px;    
color: white;
}

.modulodosusuario p{
margin-left: 18px;
margin-top: 48px;    
color: white;
}

.modulodosusuario h3{
float: left;
color: white;
margin-left: 136px;
margin-top: 12px;    
background-color: #2F4A7E;
padding: 3px;
}

.modulodosusuario h3:hover{
color:  #2F4A7E;
background-color: white;
}

.editaperfilusu{
float: left;
width: 316px;
height: 51px;
margin-top: -220px;
margin-left: 644px;
background-color: #5313b0;
}

.editaperfilusu a{
text-decoration: none;
}

.editaperfilusu h5{
color: white;
margin-left: 80px;
margin-top: 18px;    
}

.contactosusu{
float: left;
width: 316px;
height: 50px;
margin-top: -163px;
margin-left: 644px;
background-color: #2F4A7E;
}

.contactosusu h5{
color: white;
margin-left: 120px;
margin-top: 18px;    
}

.completaperfilusu{
float: left;
width: 316px;
height: 107px; 
margin-top: -107px;
margin-left: 644px;    
background-color: #2F4A7E;
}

.completaperfilusu h5{
color: rgba(255, 255, 255, 0.72);
margin-left: 6px;  
margin-top: 12px;    
}

.completaperfilusu h3{
color: white;
margin-left: 6px;  
margin-top: 12px;    
}

.completaperfilusu p{
color: white;
margin-left: 6px;  
margin-top: -15px; 
}

.cuadrolista{
float: left;
width: 316px;
height: 107px; 
margin-top: 6px;
margin-left: 0px;    
background-color: #2F4A7E;
}

.cuadrolista h3{
color: white;
margin-left: 6px;  
margin-top: 12px;
}

.cuadrolista h5{
color: white;
margin-left: 6px;  
margin-top: 12px;
}

.cuadrolista img{
float: left;
margin-left: 6px;
margin-top: -10px;
padding-right: 10px;    
}

.cuadroalertas{
float: left;
width: 316px;
height: 107px; 
margin-top: 6px;
margin-left: 6px;    
background-color: #2F4A7E;
}

.cuadroalertas h3{
color: white;
margin-left: 6px;  
margin-top: 12px;
}

.cuadroalertas h5{
color: white;
margin-left: 6px;  
margin-top: 12px;
}

.cuadroalertas img{
float: left;
margin-left: 6px;
margin-top: -10px;
padding-right: 10px;    
}

.cuadrousuario{
float: left;
width: 316px;
height: 107px; 
margin-top: -107px;
margin-left: 644px;    
background-color: #2F4A7E;
}
.cuadrousuario h3{
color: white;
margin-left: 6px;  
margin-top: 12px;
}

.cuadrousuario h5{
color: white;
margin-left: 6px;  
margin-top: 12px;

}

.cuadrousuario img{
float: left;
margin-left: 6px;
margin-top: -10px;
padding-right: 10px;    
}

.modulointeresante h6{
color: #2F4A7E;
margin-left: 6px;    
}

.sectorformulario3{
    background-color: #2F4A7E;
    float: left;
    width: 960px;
    height: 30px;
    margin-top: 12px;
}

.sectorformulario3 h4{
      float: left;
      color: white;
      margin-left: 10px;
      margin-top: 5px;
}

.modulointeresante{
float: left;
width: 316px;
height: 440px; 
margin-top: 6px;
margin-left: 0px;    
background-color: white;    
}

.modulointeresante h5{
color: rgba(47, 74, 126, 0.83);
margin-left: 6px;  
margin-top: 12px;    
}

#t05{
    background-color: #2F4A7E;
    width: 225px;
    height: 1px;
    margin-top: -15px;
    margin-left: 6px;
}

.modulointeresante p{
color: #2F4A7E;
font-size: 10px;
margin-left: 6px;    
}

.modulointeresante h2{
margin-top: -2px;     
color:#2F4A7E;
margin-left: 6px;    
}

.modulointeresante h3{
margin-top: -16px;    
color:#2F4A7E;
margin-left: 6px;    
}



.modulointeresante img{
margin-top: -30px;
}

.modulointeresante h4{
float: left;
color: white;
margin-left: 6px;
margin-top: -5px;    
background-color: #2F4A7E;
padding: 3px;
}

.modulointeresante h4:hover{
color:  #2F4A7E;
background-color: white;
}

.modulointeresante input[type="contacto"]{
    position: relative;
    width: 180px;
    height: 26px;
    margin-left: 10px;
    margin-top: 0px;
    padding-left: 20px;
    font-size: 12px;
    outline: none;
    border: 0px;
    background-color: white;
    border-radius: 5px;
}


.modulointeresante2{
float: left;
width: 316px;
height: 440px; 
margin-top: 6px;
margin-left: 6px;    
background-color: white;    
}

.modulointeresante2 h5{
color: rgba(47, 74, 126, 0.83);
margin-left: 6px;  
margin-top: 12px;    
}

#t06{
    background-color: #2F4A7E;
    width: 225px;
    height: 1px;
    margin-top: -15px;
    margin-left: 6px;
}

.modulointeresante2 p{
color: #2F4A7E;
font-size: 10px;
margin-left: 6px;    
}

.modulointeresante2 h2{
margin-top: -2px;     
color:#2F4A7E;
margin-left: 6px;    
}

.modulointeresante2 h3{
margin-top: -16px;    
color:#2F4A7E;
margin-left: 6px;    
}

.modulointeresante2 h6{
margin-top: 25px;    
color:#2F4A7E;
margin-left: 6px;    
}

.modulointeresante2 img{
margin-top: -30px;
}

.modulointeresante2 h4{
float: left;
color: white;
margin-left: 6px;
margin-top: -5px;    
background-color: #2F4A7E;
padding: 3px;
}

.modulointeresante2 h4:hover{
color:  #2F4A7E;
background-color: white;
}

.modulointeresante2 input[type="contacto"]{
    position: relative;
    width: 180px;
    height: 26px;
    margin-left: 10px;
    margin-top: 0px;
    padding-left: 20px;
    font-size: 12px;
    outline: none;
    border: 0px;
    background-color: white;
    border-radius: 5px;
}

.moduloredessociales{
float: left;
width: 316px;
height: 105px; 
margin-top: -440px;
margin-left: 644px;    
background-color: #5313b0;
}

.moduloredessociales h3 {
color: white;
margin-left: 10px;
font-size: 16px;
margin-right: 10px;

}

.moduloredessociales img{
float: right;
margin-right: 10px; 
margin-top: -25px;
width: 20px;
height: 20px;
}

.moduloredessociales p{
color: white;
margin-left: 10px;
margin-top:0px;
}

.moduloredessociales2{
float: left;
width: 316px;
height: 105px; 
margin-top: -330px;
margin-left: 644px;    
background-color: #5313b0;
}

.moduloredessociales2 h3 {
color: white;
margin-left: 10px;
font-size: 16px;
margin-right: 10px;

}

.moduloredessociales2 img{
float: right;
margin-right: 10px; 
margin-top: -25px;
width: 20px;
height: 20px;
}

.moduloredessociales2 p{
color: white;
margin-left: 10px;
margin-top:0px;
}

.ultimomoduloregistro{
float: left;
width: 316px;
height: 220px;
margin-top: -220px;
margin-left: 644px;
background-color: #2F4A7E;
}

.ultimomoduloregistro h5{
color: white;
margin-left: 6px;  
margin-top: 12px;    
    
}

#t07{
    background-color: white;
    width: 225px;
    height: 1px;
    margin-top: -15px;
    margin-left: 6px;
}

.ultimomoduloregistro img{
    margin-left: 6px;
    margin-top: 12px;
}

.ultimomoduloregistro h4{
float: left;
color: white;
margin-left: 66px;  
margin-top: -45px; 
}

.ultimomoduloregistro p{
float: left;
color: white;
margin-left: 66px;  
margin-top: -25px;
font-size: 12px;    
}

.ultimomoduloregistro2 img{
    float: left;
    margin-left: 650px;
    margin-top: -115px;
}

.ultimomoduloregistro2 h4{
float: left;
color: white;
margin-left: 710px;  
margin-top: -105px; 
}

.ultimomoduloregistro2 p{
float: left;
color: white;
margin-left: 710px;  
margin-top: -85px;
font-size: 12px;    
}


.ultimomoduloregistro3 img{
    float: left;
    margin-left: 650px;
    margin-top: -58px;
}

.ultimomoduloregistro3 h4{
float: left;
color: white;
margin-left: 710px;  
margin-top: -45px; 
}

.ultimomoduloregistro3 p{
float: left;
color: white;
margin-left: 710px;  
margin-top: -25px;
font-size: 12px;    
}




/* --------------FORMULARIO----------------*/


#sectoringresar{
    float: left;
    background-color: #2F4A7E;
    width: 960px;
    height: 30px; 
}

#sectoringresar h4{
      float: left;
      color: white;
      margin-left: 10px;
      margin-top: 6px;
}

section.formularioingreso{
     float: left;
     width: 316px;
     height: 355px;
     margin-top: 12px;
     background-color: white;
     overflow: hidden;
}


.iniciasesion{
    width: 290px;
    height: 20px;
    margin-top: 20px;
    font-size: 1,6em;
    background-color: #2F4A7E;
}


.iniciasesion h6{
     position: absolute;
     margin-left: 20px;
     margin-top: 4px;
     color: white;

}

.imgsesion{
    float: left;
    margin-left: 100px;
    margin-top: 25px;
}



p.ayudaing{
     position: relative;
     font-size: 10px;
     color: darkgray;
     margin-left: 214px;   
     margin-top: -55px;
}


p.ayudaing:hover{
    color: #2F4A7E;
}



input[type="submitt"]{
    position: relative;
    margin-left: 40px;
    margin-top: 40px;
    padding-bottom: 2px;
    width: 100px;
    height: 20px;
    outline:none;
    border:0px;
    background-color:#2F4A7E;
    color: white;
    text-align: center;
    font-size:14px;
}


.fotosvilocomun1{
    float: left;
    margin-top: 12px;
    margin-left: 10px;
    
}

.fotosvilocomun2{
    float: left;
    margin-top: -355px;
    margin-left: 487px;
    
}

.fotosvilocomun3{
    float: left;
    margin-top: -355px;
    margin-left: 645px;
    
}

.fotosvilocomun4{
    float: left;
    margin-top: -355px;
    margin-left: 648px;
    
}

.fotosvilocomun5{
    float: left;
    margin-top: -355px;
    margin-left: 808px;
    
}
.fotosvilocomun6{
    float: left;
    margin-top: -240px;
    margin-left: 808px;
    
}

.fotosvilocomun7{
    float: left;
    margin-top: -191px;
    margin-left: 648px;
    
}


.fotosvilocomun8{
    float: left;
    margin-top: -238px;
    margin-left: 488px;
    
}


.fotosvilocomun9{
    float: left;
    margin-top: -238px;
    margin-left: 326px;
}




.sospartedelacomu{
        float: left;
        background-color: darkgrey;
        width: 636px;
        height: 75px;
        margin-top: -74px;
        margin-left: 324px;
}


.sospartedelacomu h4{
     color: white;
     margin-left: 188px;
     margin-top: 2px;
}

.cuadrado{
    float: left;
    margin-top: 10px;
    margin-left: 80px;
    width: 30px;
    height: 30px;
}

.cuadrado2{
    float: left;
    margin-top: 10px;
    margin-left: 120px;
    width: 30px;
    height: 30px;
}

.cuadrado3{
    float: left;
    margin-top: 10px;
    margin-left: 120px;
    width: 30px;
    height: 30px;

}

.cuadrado4{
    float: left;
    margin-top: 10px;
    margin-left: 120px;
    width: 30px;
    height: 30px;
}


.sospartedelacomu p{
     float: left;
     color: white;
     margin-left: 26px;
     margin-top: 2px;
     font-size: 10px;
}

.publicidadformu{
         float:left;
         margin-top: 6px;
}

.aplicacionesdispo1{
float: left;    
background-color: aqua;
width: 155px;
height: 110px;
margin-top: 12px;     
}

.aplicacionesdispo2{
float: left;    
background-color: aqua;
width: 155px;
height: 110px;
margin-top: 12px;
margin-left: 6px;   
}

.aplicacionesdispo3{
float: left;    
background-color: aqua;
width: 155px;
height: 110px;
margin-top: 12px;
margin-left: 6px;   
}

.aplicacionesdispo4{
float: left;    
width: 155px;
height: 110px;
margin-top: 12px;
margin-left: 6px;  
padding-bottom: 20px;    
}

.aplicacionesdispo5{
float: left;    
background-color: transparent;
width: 300px;
height: 110px;
margin-top: 12px;
margin-left: 6px;   
}

.aplicacionesdispo5 h5{
  color: dimgray;
  font-size: 14px;
  margin-left: 10px;
  margin-top: 2px;  
}

.aplicacionesdispo5 p{
  color: dimgray;
  font-size: 10pt;
  margin-left: 10px;
  margin-top: -15px;    
}

/* --------------*REGISTRATE* --------------*/


.sectorformulario{
    background-color: #2F4A7E;
    float: left;
    width: 960px;
    height: 30px;
}

.sectorformulario h4{
      float: left;
      color: white;
      margin-left: 10px;
      margin-top: 5px;
}


#formulario{
     float: left;
     width: 319px;
     height: 448px;
     min-height: 100px;
     margin-top: 20px;
     background-color: #b2b2b2;
     overflow: hidden;
}

#formulario:hover{
background-color:  #2F4A7E;
}


#bienvenidoo h1{
     float: left;
     margin-left: 20px;
     margin-top: 18px;
     color: white;

}


input[type="text"], input[type="password"], input[type="mail"], input[type="repassword"]{
    position: relative;
    width: 270px;
    height: 30px;
    margin-left: 20px;
    margin-top: 10px;
    padding-left: 10px;
    font-size: 12px;
    outline: none;
    border: 0px;
    background-color: white;
    border-radius: 5px;
}

#bienvenidoo h3{
float: left;
color: white;
margin-top: 15px;    
margin-left: 130px;
background-color:#2F4A7E;
padding: 3px;
}

#bienvenidoo h3:hover{
color: #2F4A7E;
background-color: white;
    
}


.infoform{
     width: 290px;
     font-size: 10px;
     color: white;
     margin-left: 20px;
     margin-top: 15px;
}

p#terminos{
     font-size: 10px;
     color: white;
     margin-left: 10px;   
     margin-top: 63px;
}

p#terminos:hover{
         color:  #2F4A7E;
}

#fotoperfil{
    float: left;
    width: 316px;
    margin-left: 325px;
    margin-top: -448px;
}

.agregarfotore{
position: absolute;
background-color: rgba(47, 74, 126, 0.74);
margin-top: -224px;    
width: 316px;
height: 220px; 
display: inline-block;    
}

.agregarfotore h1{
font-size: 150px;
margin-top: 10px; 
margin-left: 118px;    
color: white;    
}

#moduloderechatxt{
      float:left;
      margin-top: -465px;
      margin-left: 680px;
      color: #2F4A7E;
}

#moduloderechatxt p{
         font-size:10px;
         margin-left: 40px;
         margin-top: -20px;
}


#moduloderecha{
      float:left;
      width: 316px;
      margin-top: -448px;
      margin-left: 645px;
}


#moduloinferiorformulario{
      float:left;
      margin-top: -220px;  
      margin-left: 324px;
}

.moduloinferiorpleno{
    float: left;
    width: 638px;
    height: 70px;
    background-color: rgba(47, 74, 126, 0.9);
    margin-top: -74px;
    margin-left: 324px;
}

.moduloinferiorpleno h2{
      position: absolute;
      margin-left: 10px;
      color: white;
      margin-top: 10px;
}

.moduloinferiorpleno h4{
      position: absolute;
      margin-left: 10px;
      color: white;
      margin-top: 40px;
}

/* --------------PROGRAMACION* --------------*/




#cajaprog{
    position: relative;
    width: 960px;
    height: auto;
	margin-top: 20px;
	min-height: 800px;
}


.recientesprg{
   float: left;
   width: 960px;
   height: 30px;
   background-color: #179b77;
}

.recientesprg h4{
    color: white;
    margin-top: -1px;
    padding-top: 6px;
    padding-left: 15px;
}


#natacionprogramacion{
    position: relative;
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 316px;
    height: 220px;
    margin-left:0px;
    margin-top:0px;
}

#natacionprogramacion li {
    float: left;
    display: inline-block;
}

.nataciondepor {
    display: none;
    position: absolute;
    background-color: rgba(23, 155, 119, 0.58);
    width:316px;
    height: 50px;
    margin-top:170px;
}

li:hover .nataciondepor {
    display: block;
}

#natacionprogramacion img {
    float: left;
    width:316px;
    height: 220px;
    margin-left:0px;
    margin-top: 0px;    
}

#natacionprogramacion h2 {
    font-size: 18px;
    color: white; 
    position: absolute;
    margin-left: 6px;
    margin-top: 8px;    
}

#natacionprogramacion h5 {
        color: white;
        font-size: 12px;
        margin-left: 0px;
        position:absolute;
        margin-top: 20px;
        background-color:#179b77;
        padding: 2px;
}
    
#natacionprogramacion h6 {
        color: white;
        font-size: 12px;
        margin-left: 6px;
        position:absolute;
        margin-top: 29px;
}





#mascoterosdepor{
    position: relative;
    list-style-type: none;
    width: 316px;
    height: 220px;
    margin-left:0px;
    margin-top:0px;
}

#mascoterosdepor li {
    float: left;
    display: inline-block;
}

.mascoprogtext {
    display: none;
    position: absolute;
    background-color: rgba(23, 155, 119, 0.58);
    width:316px;
    height: 50px;
    margin-top:-50px;
    margin-left: 322px;
}

li:hover .mascoprogtext {
    display: block;
}

#mascoterosdepor img {
    float: left;
    width:316px;
    height: 220px;
    margin-left: 322px;
    margin-top: -220px;
}

#mascoterosdepor h2 {
    font-size: 18px;
    color: white; 
    position: absolute;
    margin-left: 6px;
    margin-top: 8px;    
}

#mascoterosdepor h5 {
        color: white;
        width: 152px;
        font-size: 12px;
        margin-left: 322px;
        position:absolute;
        margin-top: -200px;
        background-color:#179b77;
        padding: 2px;
}
    
#mascoterosdepor h6 {
        color: white;
        font-size: 12px;
        margin-left: 6px;
        position:absolute;
        margin-top: 29px;
}



#grilladeprog {
    position: relative;
    float: left;    
    background-color: #179b77;
    width: 316px;
    height: 448px;
    margin-left: 643px;
    margin-top: -440px;
}


#grilladeprog h4{
    float: left;    
    color: white;
    margin-left: 10px;
    margin-top: 18px;
    line-height: 1rem;
}


#grilladeprog h6{
    float: left;    
    color: white;
    margin-left: 20px;
    margin-top: 25px;
    padding-bottom:0px;
    line-height: 17px;
}

#t02{
    margin-left: 20px;
}

#grilladeprog img{
    float: left;
    width: 25px;
    margin-left: 50px;
    margin-top: 25px;
    
}

#educaciondepoor{
    position: relative;
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 316px;
    height: 220px;
    margin-left:0px;
    margin-top:-212px;
}

#educaciondepoor li {
    float: left;
    display: inline-block;
}

.educarprogtext {
    display: none;
    position: absolute;
    background-color: rgba(23, 155, 119, 0.58);
    width:316px;
    height: 50px;
    margin-top:-50px;
    margin-left: 322px;
}

li:hover .educarprogtext {
    display: block;
}

#educaciondepoor img {
    float: left;
    width:316px;
    height: 220px;
    margin-left:0px;
    margin-top: -220px;
}

#educaciondepoor h2 {
    font-size: 18px;
    color: white; 
    position: absolute;
    margin-left: 6px;
    margin-top: 8px;    
}

#educaciondepoor h5 {
        color: white;
        font-size: 12px;
        margin-left: 0px;
        position:absolute;
        margin-top: -200px;
        background-color:#179b77;
        padding: 2px;
}
    
#educaciondepoor h6 {
        color: white;
        font-size: 12px;
        margin-left: 6px;
        position:absolute;
        margin-top: 29px;
}


#lugaresdepor{
    position: relative;
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 316px;
    height: 220px;
    margin-left:0px;
    margin-top:-220px;
}

#lugaresdepor li {
    float: left;
    display: inline-block;
}

.lugprogtext {
    display: none;
    position: absolute;
    background-color: rgba(23, 155, 119, 0.58);
    width:316px;
    height: 50px;
    margin-top:-50px;
    margin-left: 322px;
}

li:hover .lugprogtext {
    display: block;
}

#lugaresdepor img {
    float: left;
    width:316px;
    height: 220px;
    margin-left:322px;
    margin-top: -220px;
}

#lugaresdepor h2 {
    font-size: 18px;
    color: white; 
    position: absolute;
    margin-left: 6px;
    margin-top: 8px;    
}

#lugaresdepor h5 {
        color: white;
        width: 82px;
        font-size: 12px;
        margin-left: 322px;
        position:absolute;
        margin-top: -200px;
        background-color:#179b77;
        padding: 2px;
}
    
#lugaresdepor h6 {
        color: white;
        font-size: 12px;
        margin-left: 6px;
        position:absolute;
        margin-top: 29px;
}



.programcompleta{
   float: left;
   width: 960px;
   height: 30px;
   margin-top: 12px;
   background-color: #179b77;
}

.programcompleta h4{
    color: white;
    margin-top: -1px;
    padding-top: 6px;
    padding-left: 15px;
}



.programa1 img{
  float: left;
  width: 155px;
  height: 108px;
  margin-left: 0px;
  margin-top: 0px;
}

.ingresarprog1{
    position: absolute;
    background-color: white;
    width: 18px;
    height: 18px;
    margin-left: 135px;
    margin-top: 88px;
}

.ingresarprog1:hover{
   background-color: #b2b2b2;
}

.ingresarprog1 h4{
   float: left;    
   color: #179b77;    
   margin-left: -9px;
   margin-top: -7px;  
}


.programa2 img{
  float: left;
  width: 155px;
  height: 108px;
  margin-left: 6px;
  margin-top: 0px;
}

.ingresarprog2{
    position: absolute;
    background-color: white;
    width: 18px;
    height: 18px;
    margin-left: 296px;
    margin-top: 88px;
}

.ingresarprog2:hover{
   background-color: #b2b2b2;
}

.ingresarprog2 h4{
   float: left;    
   color: #179b77;    
   margin-left: -9px;
   margin-top: -7px;  
}



.programa3 img{
  float: left;
  width: 316px;
  height: 108px;
  margin-left: 6px;
  margin-top: 0px;
}

.ingresarprog3{
    position: absolute;
    background-color: white;
    width: 18px;
    height: 18px;
    margin-left: 618px;
    margin-top: 88px;
}

.ingresarprog3:hover{
   background-color: #b2b2b2;
}

.ingresarprog3 h4{
   float: left;    
   color: #179b77;    
   margin-left: -9px;
   margin-top: -7px;  
}



.programa4 img{
  float: left;
  width: 155px;
  height: 108px;
  margin-left: 6px;
  margin-top: 0px;
}

.ingresarprog4{
    position: absolute;
    background-color: white;
    width: 18px;
    height: 18px;
    margin-left: 779px;
    margin-top: 88px;
}

.ingresarprog4:hover{
   background-color: #b2b2b2;
}

.ingresarprog4 h4{
   float: left;    
   color: #179b77;    
   margin-left: -9px;
   margin-top: -7px;  
}



.programa5 img{
  float: left;
  width: 155px;
  height: 108px;
  margin-left: 6px;
  margin-top: 0px;
}

.ingresarprog5{
    position: absolute;
    background-color: white;
    width: 18px;
    height: 18px;
    margin-left: 940px;
    margin-top: 88px;
}

.ingresarprog5:hover{
   background-color: #b2b2b2;
}

.ingresarprog5 h4{
   float: left;    
   color: #179b77;    
   margin-left: -9px;
   margin-top: -7px;  
}


.programa6 img{
  float: left;
  width: 155px;
  height: 108px;
  margin-left: 0px;
  margin-top: 6px;
}

.ingresarprog6{
    position: absolute;
    background-color: white;
    width: 18px;
    height: 18px;
    margin-left: 135px;
    margin-top: 202px;
}

.ingresarprog6:hover{
   background-color: #b2b2b2;
}

.ingresarprog6 h4{
   float: left;    
   color: #179b77;    
   margin-left: -9px;
   margin-top: -7px;  
}


.programa7 img{
  float: left;
  width: 155px;
  height: 108px;
  margin-left: 6px;
  margin-top: 6px;
}

.ingresarprog7{
    position: absolute;
    background-color: white;
    width: 18px;
    height: 18px;
    margin-left: 296px;
    margin-top: 202px;
}

.ingresarprog7:hover{
   background-color: #b2b2b2;
}

.ingresarprog7 h4{
   float: left;    
   color: #179b77;    
   margin-left: -9px;
   margin-top: -7px;  
}


.programa8 img{
  float: left;
  width: 155px;
  height: 108px;
  margin-left: 6px;
  margin-top: 6px;
}

.ingresarprog8{
    position: absolute;
    background-color: white;
    width: 18px;
    height: 18px;
    margin-left: 457px;
    margin-top: 202px;
}

.ingresarprog8:hover{
   background-color: #b2b2b2;
}

.ingresarprog8 h4{
   float: left;    
   color: #179b77;    
   margin-left: -9px;
   margin-top: -7px;  
}



.programa9 img{
  float: left;
  width: 155px;
  height: 108px;
  margin-left: 6px;
  margin-top: 6px;
}

.ingresarprog9{
    position: absolute;
    background-color: white;
    width: 18px;
    height: 18px;
    margin-left: 618px;
    margin-top: 202px;
}

.ingresarprog9:hover{
   background-color: #b2b2b2;
}

.ingresarprog9 h4{
   float: left;    
   color: #179b77;    
   margin-left: -9px;
   margin-top: -7px;  
}


.programa10 img{
  float: left;
  width: 316px;
  height: 108px;
  margin-left: 6px;
  margin-top: 6px;
}

.ingresarprog10{
    position: absolute;
    background-color: white;
    width: 18px;
    height: 18px;
    margin-left: 940px;
    margin-top: 202px;
}

.ingresarprog10:hover{
   background-color: #b2b2b2;
}

.ingresarprog10 h4{
   float: left;    
   color: #179b77;    
   margin-left: -9px;
   margin-top: -7px;  
}


.lomasvistoprog{
   float: left;
   width: 960px;
   height: 30px;
   margin-top: 12px;
   background-color: #179b77;
}

.lomasvistoprog h4{
    color: white;
    margin-top: -1px;
    padding-top: 6px;
    padding-left: 15px;
}

.lomas1 img{
  float: left;
  width: 155px;
  height: 222px;
  margin-left: 0px;
  margin-top: 0px;
}

.lomas2 img{
  float: left;
  width: 155px;
  height: 222px;
  margin-left: 6px;
  margin-top: 0px;
}

.lomas3 img{
  float: left;
  width: 155px;
  height: 222px;
  margin-left: 6px;
  margin-top: 0px;
}

.lomas4 img{
  float: left;
  width: 155px;
  height: 222px;
  margin-left: 6px;
  margin-top: 0px;
}

.lomaspubli img{
  float: left;
  width: 316px;
  height: 222px;
  margin-left: 6px;
  margin-top: 0px;
}



/* --------------DISPOSITIVOS* --------------*/

.barradispositivo{
   float: left;
   width: 960px;
   height: 30px;
   background-color: #808080;
}

.barradispositivo h4{
    color: white;
    margin-top: -1px;
    padding-top: 6px;
    padding-left: 15px;
}

.modulo1dispos h1{
   float: left;
   margin-left: 110px;
   color: #2F4A7E;
}

.codigosdispo img{
   float: left;
   width: 316px;
   height: 220px;  
   margin-left: 0px;    
   background-color: #808080;
}

.codigosdispo h5{
    position: absolute;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    background-color: #2F4A7E; 
}

.codigosdispo1 img{
   float: left;
   width: 316px;
   height: 220px;
   margin-left: 6px;    
   background-color: #808080;  
}

.codigosdispo1 h5{
    position: absolute;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 322px;
    color: white;
    background-color: #2F4A7E; 
}

.codigosdispo2 img{
   float: left;
   width: 316px;
   height: 220px;  
   margin-left: 644px;
   margin-top: -220px;    
   background-color: #808080;
}

.codigosdispo2 h5{
    position: absolute;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 644px;
    color: white;
    background-color: #2F4A7E; 
}

.barradispositivo2{
   float: left;
   width: 960px;
   height: 30px; 
   margin-top: 12px;    
   background-color: #808080;
}

.barradispositivo2 h4{
    color: white;
    margin-top: -1px;
    padding-top: 6px;
    padding-left: 15px;
}


/* --------------PROGRAMACION SECCION DEPORTES* --------------*/


#cajadepor{
    position: relative;
    width: 960px;
    height: auto;
	margin-top: 20px;
	min-height: 800px;
}

.deportesbarra{
   float: left;
   width: 960px;
   height: 30px;
   background-color: #179b77;
}

.deportesbarra h4{
    color: white;
    margin-top: -1px;
    padding-top: 6px;
    padding-left: 15px;
}




#deporteprogramsolo li {
    float: left;
    display: inline-block;
}

.deporpro {
    display: none;
    position: absolute;
    background-color: rgba(23, 155, 119, 0.58);
    width:638px;
    height: 150px;
    margin-top:309px;
}

li:hover .deporpro {
    display: block;
}

#deporteprogramsolo img {
    float: left;
    width:638px;
    height: 446px;
    margin-left:0px;
    margin-top: 12px;    
}

#deporteprogramsolo h1 {
    font-size: 28px;
    color: white; 
    position: absolute;
    margin-left: 6px;
    margin-top: 12px;    
}

#deporteprogramsolo h5 {
        color: white;
        font-size: 12px;
        margin-left: 0px;
        position:absolute;
        margin-top: 28px;
        background-color:#179b77;
        padding: 2px;
}
    
#deporteprogramsolo h4 {
        color: white;
        font-size: 24px;
        margin-left: 12px;
        position:absolute;
        margin-top: 50px;
}

#deporteprogramsolo p {
        color: white;
        font-size: 12px;
        margin-left: 12px;
        position:absolute;
        margin-top: 95px;
}



.cajatextodepor{
float: left;
width: 316px;
height: 220px;
margin-top: 12px;
margin-left: 6px;
background-color: #ff9200;
}

.cajatextodepor h5 {
    color: white;
    position: absolute;
    margin-top: 12px;
    margin-left: 6px;
    background-color:#ff9200;
    padding: 3px;
}

.cajatextodepor iframe{ 
float: left;
margin-top: 6px;
margin-left: 6px;
}






#cajatextodepor2 li {
    float: left;
    display: inline-block;
}

.cajatextodepordos{
    display: none;
    position: absolute;
    background-color: rgba(23, 155, 119, 0.78);
    width:316px;
    height: 100px;
    margin-top:126px;
    margin-left: 6px;
}

li:hover .cajatextodepordos {
    display: block;
}

#cajatextodepor2 img {
    float: left;
    width:316px;
    height: 220px;
    margin-left:6px;
    margin-top: 6px;    
}

#cajatextodepor2 h1 {
position: absolute;
color: white;
font-size: 24px;
font-weight: bold;
margin-left: 6px;
margin-top: 6px;        
}

#cajatextodepor2 h5 {
        color: white;
        font-size: 12px;
        margin-left: 6px;
        position:absolute;
        margin-top: 20px;
        background-color:#179b77;
        padding: 2px;
}
    
#cajatextodepor2 p {
       color: white;
       font-size: 10px;
       margin-left: 10px;
       margin-top: 10px;
}

#t002{
    background-color: white;
    width: 225px;
    height: 1px;
    margin-top: -5px;
    margin-left: 10px;
    
}






.cajadosdepor { 
float: left;
width: 316px;
height: 220px;
margin-top: 6px;
margin-left: 0px;
background-color: #ff9200;
}


.cajadosdepor h5 {
    color: white;
    position: absolute;
    margin-top: 12px;
    margin-left: 6px;
    background-color:#ff9200;
    padding: 3px;
}

.cajadosdepor iframe{ 
float: left;
margin-top: 6px;
margin-left: 6px;
}




#cajatrestodo li {
    float: left;
    display: inline-block;
}

.cajatresdepor{
    display: none;
    position: absolute;
    background-color: rgba(23, 155, 119, 0.78);
    width:316px;
    height: 100px;
    margin-top:126px;
    margin-left: 6px;
}

li:hover .cajatresdepor {
    display: block;
}

#cajatrestodo img {
    float: left;
    width:316px;
    height: 220px;
    margin-left:6px;
    margin-top: 6px;    
}

#cajatrestodo h1 {
position: absolute;
color: white;
font-size: 24px;
font-weight: bold;
margin-left: 6px;
margin-top: 6px;        
}

#cajatrestodo h5 {
        color: white;
        font-size: 12px;
        margin-left: 6px;
        position:absolute;
        margin-top: 20px;
        background-color:#179b77;
        padding: 2px;
}
    
#cajatrestodo p {
       color: white;
       font-size: 10px;
       margin-left: 10px;
       margin-top: 10px;
}

#t001{
    background-color: white;
    width: 225px;
    height: 1px;
    margin-top: -5px;
    margin-left: 10px;
    
}


.cajacuatrodepor{
        float: left;
        background-color: #179b77;
        width: 316px;
        height: 220px;
        margin-left: 6px;
        margin-top: 6px;
}

.cajacuatrodepor h1{
       color: white;
       margin-left: 12px;
       margin-top: 6px;
}

.cajacuatrodepor p{
       color: white;
       margin-left: 24px;
       margin-top: -24px;
       font-size: 14px;
}

.cajacuatrodepor h4{
       color: white;
       margin-left: 12px;
       margin-top: -15px;
}

.cajacuatrodepor h3{
      float: left;
      color: #179b77;
      margin-left: 130px;
      margin-top: 5px;
      padding: 3px;
      background-color: white;
}


.eventossbarra{
   float: left;
   width: 960px;
   height: 30px;
    margin-top: 12px;
   background-color: #179b77;
}

.eventossbarra h4{
    color: white;
    margin-top: -1px;
    padding-top: 6px;
    padding-left: 15px;
}


.cajacincodepor h5{
    position: absolute;    
    color:  #179b77; 
    background-color: white;
    padding: 3px;
    margin-left: 0px;
    margin-top: 850px;
}

.cajacincodepor img{
        float: left;
        background-color: #179b77;
        width: 316px;
        height: 220px;
        margin-left: 0px;
        margin-top: 12px;
}

.cajacincodepor p{
    position: absolute;    
    color:  #179b77; 
    background-color: white;
    padding: 5px;
    margin-left: 0px;
    margin-top: 1008px;
    width: 306px;
    font-size: 11px;
}

.cajaseisdepor{
        float: left;
        background-color: #179b77;
        width: 316px;
        height: 220px;
        margin-left: 6px;
        margin-top: 12px;
}

.cajaseisdepor h5{
    position: absolute;    
    color:  #179b77; 
    background-color: white;
    padding: 3px;
    margin-left: 0px;
    margin-top: 20px;
}

.cajaseisdepor p{
    position: absolute;    
    color:  #179b77; 
    background-color: white;
    padding: 5px;
    margin-left: 0px;
    margin-top: 180px;
    width: 306px;
    font-size: 11px;
}


.cajasietedepor{
        float: left;
        background-color: #179b77;
        width: 316px;
        height: 220px;
        margin-left: 6px;
        margin-top: 12px;
}

.cajasietedepor h5{
    position: absolute;    
    color:  #179b77; 
    background-color: white;
    padding: 3px;
    margin-left: 0px;
    margin-top: 20px;
}

.cajasietedepor p{
    position: absolute;    
    color:  #179b77; 
    background-color: white;
    padding: 5px;
    margin-left: 0px;
    margin-top: 180px;
    width: 306px;
    font-size: 11px;
}





.testimoniosbarra{
   float: left;
   width: 960px;
   height: 30px;
    margin-top: 12px;
   background-color: #179b77;
}

.testimoniosbarra h4{
    color: white;
    margin-top: -1px;
    padding-top: 6px;
    padding-left: 15px;
}


.cajaochodepor{
        float: left;
        background-color: #179b77;
        width: 316px;
        height: 110px;
        margin-left: 0px;
        margin-top: 12px;
}   

.cajaochodepor a{
text-decoration: none; 
}

.cajaochodepor p{
       color: white;
       font-size: 10px;
       margin-left: 10px;
       margin-top: 10px;
}

#t01{
    background-color: white;
    width: 225px;
    height: 1px;
    margin-top: -5px;
    margin-left: 10px;
    
}

.cajaochodepor h3{
       color: white;
       margin-left: 10px;
       margin-top: 8px;    
}

.cajaochodepor h5{
       color: white;
       margin-left: 10px;
       margin-top: -14px;
}


.cajanuevedepor{
        float: left;
        background-color: #179b77;
        width: 316px;
        height: 110px;
        margin-left: 6px;
        margin-top: 12px;
}  

.cajanuevedepor a{
text-decoration: none; 
}

.cajanuevedepor p{
       color: white;
       font-size: 10px;
       margin-left: 10px;
       margin-top: 10px;
}

#t02{
    background-color: white;
    width: 225px;
    height: 1px;
    margin-top: -5px;
    margin-left: 10px;
    
}

.cajanuevedepor h3{
       color: white;
       margin-left: 10px;
       margin-top: 8px;    
}

.cajanuevedepor h5{
       color: white;
       margin-left: 10px;
       margin-top: -14px;
}


.cajadiezdepor{
        float: left;
        background-color: #179b77;
        width: 316px;
        height: 110px;
        margin-left: 6px;
        margin-top: 12px;
}  

.cajadiezdepor a{
text-decoration: none; 
}

.cajadiezdepor p{
       color: white;
       font-size: 10px;
       margin-left: 10px;
       margin-top: 10px;
}

#t03{
    background-color: white;
    width: 225px;
    height: 1px;
    margin-top: -5px;
    margin-left: 10px;
    
}

.cajadiezdepor h3{
       color: white;
       margin-left: 10px;
       margin-top: 8px;
}

.cajadiezdepor h5{
       color: white;
       margin-left: 10px;
       margin-top: -14px;
}





.testimoniosbarra{
   float: left;
   width: 960px;
   height: 30px;
    margin-top: 12px;
   background-color: #179b77;
}

.testimoniosbarra h4{
    color: white;
    margin-top: -1px;
    padding-top: 6px;
    padding-left: 15px;
}


.otrosprogbarra{
   float: left;
   width: 960px;
   height: 30px;
    margin-top: 12px;
   background-color: #179b77;
}

.otrosprogbarra h4{
    color: white;
    margin-top: -1px;
    padding-top: 6px;
    padding-left: 15px;
}


.cajaoncedepor{
    float: left;
    margin-top: 12px;
    margin-left: 0px;
}

.cajadocedepor{
    float: left;
    margin-top: 12px;
    margin-left: 6px;
}

.cajatrecedepor{
    float: left;
    margin-top: 12px;
    margin-left: 6px;
}


.cajacatorcedepor{
    float: left;
    margin-top: 12px;
    margin-left: 6px;
}



.cajaquincedepor h5{
    float: left;
    background-color: rgba(178, 178, 178, 0.4);
    color: white;
    margin-top: -210px;
    margin-left: 6px;
}

.cajaquincedepor a img{
    float: left; 
    width: 315px;
    height: 222px;
    margin-top: 12px;
    margin-left: 6px;
}



/* --------------*FUUUUUTBOL* --------------*/

#cajafutboldepor{
    position: relative;
    width: 960px;
    height: auto;
	margin-top: 20px;
	min-height: 800px;
}

.futbolbarra{
   float: left;
   width: 960px;
   height: 30px;
   background-color: #179b77;
}

.futbolbarra h4{
    color: white;
    margin-top: -1px;
    padding-top: 6px;
    padding-left: 15px;
}



.imagenbanner{
    float: left;
    margin-top: 12px;
}

.imagenbanner h3{
position: absolute;
color: white;
margin-left: 0px;
margin-top: 8px;    
background-color: #179b77;
padding: 3px;
}

.imagenbanner h3:hover{
color:   #179b77;
background-color: white;
}

.imagenbanner h1{
position: absolute;
color: white;
margin-top: 170px;
margin-left: 12px;  
}

.colorbannerer{
position: absolute; 
background-color: rgba(23, 155, 119, 0.86);
width: 960px;
height: 90px; 
margin-top: 160px;    
}

.imagenbanner h4{
position: absolute;
color: white;
margin-top: 210px;
margin-left: 12px;  
}


.modulo1futbol{
float: left;
width: 638px;
height: 446px;
margin-top: 12px;
margin-left: 0px;
background-color: #179b77;
}

.modulo1futbol h5 {
    color: white;
    position: absolute;
    margin-top: 18px;
    margin-left: 0px;
    background-color:#179b77;
    padding: 3px;
}

.modulo1futbol iframe{ 
float: left;
margin-top: 6px;
margin-left: 6px;
}


.modulo2futbol{
float: left;
width: 316px;
height: 220px;
margin-top: 12px;
margin-left: 6px;
background-color: #179b77;
}

.modulo2futbol h5 {
    color: white;
    position: absolute;
    margin-top: 18px;
    margin-left: 0px;
    background-color:#179b77;
    padding: 3px;
}

.modulo2futbol iframe{ 
float: left;
margin-top: 6px;
margin-left: 6px;
}

.modulo3futbol{
float: left;
width: 316px;
height: 220px;
margin-top: 6px;
margin-left: 6px;
background-color: #179b77;    
}

.modulo3futbol h5 {
    color: white;
    position: absolute;
    margin-top: 18px;
    margin-left: 0px;
    background-color:#179b77;
    padding: 3px;
}

.modulo3futbol iframe{ 
float: left;
margin-top: 6px;
margin-left: 6px;    
}


.capanterioresbarra{
   float: left;
   width: 960px;
   height: 30px;
   background-color: #179b77;    
}

.capanterioresbarra h4{
    color: white;
    margin-top: -1px;
    padding-top: 6px;
    padding-left: 15px;
}

.bannersep img{
float: left;    
margin-top: 12px;
padding-bottom: 12px;
}

.capitulo1futbol{
float: left;
width: 155px;
height: 108px;
background-color: black;
margin-top: 10px;
margin-left: 0px;    
}

.capitulo1futbol h6{
    color: white;
    position: absolute;
    margin-top: 10px;
    margin-left: 0px;
    background-color:#179b77;
    padding: 3px;    
}


.capitulo1futbol1{
float: left;
width: 155px;
height: 108px;
background-color: black;
margin-top: 10px;
margin-left: 6px;    
}

.capitulo1futbol1 h6{
    color: white;
    position: absolute;
    margin-top: 10px;
    margin-left: 0px;
    background-color:#179b77;
    padding: 3px;    
}

.capitulo1futbol2{
float: left;
width: 155px;
height: 108px;
background-color: black;
margin-top: 10px;
margin-left: 6px;    
}

.capitulo1futbol2 h6{
    color: white;
    position: absolute;
    margin-top: 10px;
    margin-left: 0px;
    background-color:#179b77;
    padding: 3px;    
}

.capitulo1futbol3{
float: left;
width: 155px;
height: 108px;
background-color: black;
margin-top: 10px;
margin-left: 6px;    
}

.capitulo1futbol3 h6{
    color: white;
    position: absolute;
    margin-top: 10px;
    margin-left: 0px;
    background-color:#179b77;
    padding: 3px;    
}

.capitulo1futbol4{
float: left;
width: 155px;
height: 108px;
background-color: black;
margin-top: 10px;
margin-left: 6px;    
}

.capitulo1futbol4 h6{
    color: white;
    position: absolute;
    margin-top: 10px;
    margin-left: 0px;
    background-color:#179b77;
    padding: 3px;    
}

.capitulo1futbol5{
float: left;
width: 155px;
height: 108px;
background-color: black;
margin-top: 10px;
margin-left: 6px;    
}

.capitulo1futbol5 h6{
    color: white;
    position: absolute;
    margin-top: 10px;
    margin-left: 0px;
    background-color:#179b77;
    padding: 3px;    
}







/* --------------footer* --------------*/

    
.footer {
width: 960px;
height: 110px;
display: inline-block;
background-color:#808080;
margin-top: 6px;
   
}


.footer ul{
margin-left: -25px;
}
.footer ul li {
float: left;
margin-left: 0px;
display: inline-block;
list-style-type: none;
padding-right:22px;
margin-top: -20px;   
}

.footer nav ul li a {
 text-decoration: none;

}

.footer h5{
color: white;
margin-left: 0px;
}
.footer h5:hover{
color:#b2b2b2;

}


.footer p {
color:  white;
margin-left:10px;
margin-top:75px;
margin-right: 10px;
font-size: 12px;
    }


.footer img{

float: right;
margin-right: 20px;
width: 20px;
height: 20px;

    
    
    
    /*____________________________________ RESPONSIVE_______________________________________   */	

/*---------------RESPONSIVE-----------------*/
@media screen and (max-width: 58.60em) {

     * { margin: 0; padding: 0; }
    
     
    a { text-decoration: none; }

    p { margin-bottom: 1em; }

    img {
    width: 30%;
    height: auto;   
    }   

    footer { clear: both; }
    
   #mascotas, .info {
       display: none;}
       
    
    .espaciopublicitario{
	width: 140px;
	float: left;
	margin: 0px 0px 0px 30px;
    }
    
    
   #menu, .categoria{
	overflow: auto;
    max-width: 350px;
    background-color:transparent;
    margin: 0 auto;
	margin-top: 10px;
	padding: 0 0 0 0;
	min-height: 800px;
    }
    
    
    	    
      #cajas{display: none;
    }
    
    
    #menu {
	clear: both;
	float: left;
	width: 97.5%;
	height: auto;
    display: inline-block;
    }
    
    
    }