/*fuentes*/

@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto-bold-webfont.eot');
    src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-bold-webfont.woff') format('woff'),
         url('fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_condensedbold';
    src: url('fonts/robotocondensed-bold-webfont.eot');
    src: url('fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-bold-webfont.woff') format('woff'),
         url('fonts/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedlight';
    src: url('fonts/robotocondensed-light-webfont.eot');
    src: url('fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-light-webfont.woff') format('woff'),
         url('fonts/robotocondensed-light-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_condensedregular';
    src: url('fonts/robotocondensed-regular-webfont.eot');
    src: url('fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-regular-webfont.woff') format('woff'),
         url('fonts/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'robotolight';
    src: url('fonts/roboto-light-webfont.eot');
    src: url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-light-webfont.woff') format('woff'),
         url('fonts/roboto-light-webfont.ttf') format('truetype'),
         url('fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotomedium';
    src: url('fonts/roboto-medium-webfont.eot');
    src: url('fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-medium-webfont.woff') format('woff'),
         url('fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular-webfont.woff') format('woff'),
         url('fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotothin';
    src: url('fonts/roboto-thin-webfont.eot');
    src: url('fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-thin-webfont.woff') format('woff'),
         url('fonts/roboto-thin-webfont.ttf') format('truetype'),
         url('fonts/roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*finfontface*/

/*aclaraciones*/

/*Encabezado*/

body{
padding: 0px;
display: block;
background-color: rgb(253, 251, 235);
background-image: url(image/trama_fondo-01.svg);
background-size:20%;
font-family: 'robotoregular';
margin: 0;
}

#b{
background-color: rgb(201, 11, 11);
background-image: url(image/trama_fondo_rojo-01.svg);
background-size:20%;
font-family: 'robotoregular';
margin: 0;
}

#c{
background-color: rgb(4, 160, 142);
background-image: url(image/trama_fondo_rojo-01.svg);
background-size:20%;
font-family: 'robotoregular';
margin: 0;
}

#d{
background-color: rgb(48, 49, 49);
background-image: url(image/trama_fondo_rojo-01.svg);
background-size:20%;
font-family: 'robotoregular';
margin: 0;
}




#pagina{
    width:90%;
    margin: auto;    
       
}

header{
	position:fixed;
    z-index: 3;
    background-image: url(image/BANNER-02.svg);
    margin: 0 0 0 0;
    float: left;
    display: block;
    width:100%;            
	}



#cabezal{

}



#logo img{
       width: 25%;
       float: left;
       margin:1%;
    margin-left: 5%;
      display: block;
      top: 200%; 
      
    }



#pielogo{
    padding: 0;
    margin-top: 1%;
    text-align: left;
    width: 30%;
    float: left;
    font-size: 0.6em; 
    color: rgb(173, 173, 173);
    display: block;
    font-family: 'robotoregular';
    line-height: 1.2em;

}

/*buscador*/

#col_buscador{
    float: right;
    position: relative;
    display: block;
    width: 30%;
    margin-top: 1%;
    margin-right: 5%;
    }

table#buscanav{
position: relative;
    float: right;
    width: 98%;
    margin: 0;  
    
}

#liden{
        width:93%;
        }
        #lidon{
        width:7%;
        }
        #buscanav{
        width:30%;
        float:right;
        margin-right: 2%;
        }

        #buscanav ul li{
        list-style-type:none;
        float:left;
        }

        .buscator{
        width: 100%;
        border:1px solid rgba(147, 147, 147, 0.35);
        background-color: rgb(253, 251, 235);
             margin-bottom: 1%;
           
        }

        .buscatoren{
            position: relative;
        border: 1px solid rgba(147, 147, 147, 0.15);
        background: url(image/icono-lupa.png);
        background-repeat: no-repeat;
        background-size: 50%;
        background-position: center;
        opacity: 1;
        background-color: rgb(163, 163, 163);
        width: 100%;
        border-left: 0px;
            margin-bottom: 10%;
        }
        .buscatoren:hover{
            background-color: rgba(131, 126, 126, 0.19);
            cursor: pointer;
        }
 



#navmenu ul li:hover{
       background-color: rgb(7, 141, 159); 
      transition-duration: 1s;

}

        #navmenu ul li a{
        text-decoration:none;
        color:#fff;
            
               
        }

        #navmenu ul li{
        list-style-type:none;
        width: 29%;
        float:right;
        text-align:center;
        font-family: 'robotoregular';
        font-size: 0.7em;
        background-color: rgb(160, 160, 160);
        margin: 0 0 0 1%;;
        padding: 1.5%;
        
        
    
        }

        #navmenu ul{
        padding: 0;
        width: 100%;
        float: right;
        margin: 0;
        
        }


        #navmenu{
            float:right;
            width: 100%;
            margin:0%;
            padding: 0;
        }

/*fin de buscador*/


/*finheader*/

/*menutriangulo*/

.primer_cuadro{
    float: right;
    position: relative;
    width: 60%;
    margin-top: 8%;
    margin-right: 8%;
    opacity: 0;
   
}

.segundo_cuadro_1{
    float: right;
    position: relative;
    width: 37%;
    margin-top: 0%;
    margin-left: 10%;
    display:inline;
    margin-right: 40%;
    opacity: 0;
}

.segundo_cuadro_1:hover{
    opacity: 0.5;
    transition-duration: 0.3s;
}


.segundo_cuadro_2{
    float: right;
    position: relative;
    width: 37%;
    margin-top: 0%;
    margin-left: 10%;
    display:inline;
    margin-right: 8%;
    opacity: 0;
   
}

.segundo_cuadro_2:hover{
    opacity: 0.5;
    transition-duration: 0.3s;
}


.segundo_cuadro_3{
    float: right;
    position: relative;
    width: 37%;
    margin-top: 0%;
    margin-left: 10%;
    display:inline;
    margin-right: 13%;
    opacity: 0;
}

.segundo_cuadro_3:hover{
    opacity: 0.5;
   transition-duration: 0.3s;
}

.segundo_cuadro_4{
    float: right;
    position: relative;
    width: 37%;
    margin-top: 0%;
    margin-left: 10%;
    display:inline;
    margin-right: 21%;
    opacity: 0;
}

.segundo_cuadro_4:hover{
    opacity: 0.5;
    transition-duration: 0.3s;

}


#transition{
      transition-duration: 1s;

}



#menuprincipal{
      float: left;
       width: 100%;
        margin:0;
    margin-top: 8%;
    height: 250px;      
}

#menux{
width:100%;
padding:0;
}

#menux li{
float:left;
width:25%;
list-style: none;
}

#menux1{
background: url(image/menu1/nosotrosvacio-01.svg);
background-repeat: no-repeat;
background-size: 100%;
height:300px;
}

#menux1:hover{
background: url(image/menu1/nosotroslleno-01.svg);
background-repeat: no-repeat;
background-size: 100%;
height:300px;
cursor: pointer;
}

#menux2{
background: url(image/menu1/tecnicavacio-01.svg);
background-repeat: no-repeat;
background-size: 100%;
height:300px;
}

#menux2:hover{
background: url(image/menu1/tecnicalleno-01.svg);
background-repeat: no-repeat;
background-size: 100%;
height:300px;
cursor: pointer;


}

#menux3{
background: url(image/menu1/programavacio-01.svg);
background-repeat: no-repeat;
background-size: 100%;
height:300px;
}

#menux3:hover{
background: url(image/menu1/programalleno-01.svg);
background-repeat: no-repeat;
background-size: 100%;
height:300px;
cursor: pointer;
}

#menux4{
background: url(image/menu1/galeriavacio-01.svg);
background-repeat: no-repeat;
background-size: 100%;
height:300px;
}

#menux4:hover{
background: url(image/menu1/galerialleno-01.svg);
background-repeat: no-repeat;
background-size: 100%;
height:300px;
cursor: pointer;
}

#slider{
    position: relative;
    float: left;
    z-index: 0;
    width: 84%;
    margin: 0;
        
}

#pass_image img{
    width: 100%;
    margin-top: 1.5%;
    padding: 0%;
    margin-bottom: 2%
}


    
/*finmenutriangulo*/

article{
    margin: 0% 0% 0% 0%;
    padding: 0;
    width: 100%;
    position: relative;
 
}

#menuprincipalchico{
    position: relative;    
    float: left;
    z-index: 2;
    width: 300%%
    
    }

video{
        position: relative;
        float: left;
        width: 100%;
        margin-top: 0%;
        padding: 0;
    background-color: black;
}

.container{
    margin-top: 0%;
    padding: 0;

}

#contenedor_video{
     margin-top: 0%;
    padding: 0;
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 5%;
}

#col_2 img{    
    width: 100%;
   margin: 0;
    float: left;
    padding: 0;
}

.margin{
    margin-left: 100%;

}


#col_1{
    width: 100%;
    float:left;
    margin: 0 0% 0% 0%;
    margin-bottom: 0;
    position: relative;
    display: block; 
    
     
}

#col_1-5{
   width: 48%;
    float: left;
    margin:7% 1% 0% 0%;
    position: relative;
    display: block; 
    padding: 0%;

}

#col_1-5b{
   width: 48%;
    float: left;
    margin-right: 1.5%;
    margin-top: 1.5%;
    position: relative;
    display: block; 
    padding: 0%;

}

#col_3{
   width: 64%;
    float: left;
    margin:0%;
    position: relative;
    display: block; 
    padding: 0%;

}



#tri{
    float: left;
    position: relative;
    width: 32%;
    margin: 0.5%;
    display: block;


}

img{
 width: 100%;
    margin: 0;
    padding: 0;
}

#col_2{
    width: 53%;
    float: left;
    margin: 0% 1% 0% 0%;
    position: relative;
    display: block; 
    padding: 0%;
    
    
}

#col_2j{
    width: 53%;
    float: left;
    margin-left: 0%;
    position: relative;
    display: block; 
    padding: 0%;
    
    
}


#col_2_5{
    
    
    width: 30%;
    float: left;
    margin: 0 0% 0% 0%;
    margin-top: 4%; 
    position: relative;
    display: block; 
}

#col_2_5b{
        
    width: 29%;
    float: left;
    margin-right: 1%;
    margin-top: 1%;
    position: relative;
    display: block; 
}

#col_2_5c{
        
    width:40%;
    float: left;
    margin-right: 1%;
    margin-top: 1%;
    position: relative;
  
}


#blq_1{
width: 100%;
    
    position: relative;
    float: left;
    list-style: none;
    text-decoration: none;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 0;
    margin-right: 0;
    
}

#blq_1:hover{
    
    background-image: url(image/cudrito_dibujo_lleno-01.svg); 
    background-repeat: no-repeat;
    background-size: 100%;  
   
    
}


/*----prueba*/


#list-wrap{
    
    float: left;
    margin: 0% 0% 1% 0%;

}

#hover_columna{
background: none repeat scroll 0% 0% #ffeb00;
padding: 0px;
margin: 0px 0px 20px;
 

}

#hover_columna ul li a:hover {
    background: none repeat scroll 0% 0% #333;
    color: #FC6;
     list-style: none;
}

#list-wrap featured ul li a{
list-style: none;

}


/*----prueba*/




#imagencolumna1 img{
    float: left;
    margin: 0;
    position: relative;
    width: 33%; 
}


h1{        
    font-family: 'roboto_condensedregular';
    font-size: 1.5rem;
    color: rgb(144, 5, 5);
    float: left;
    margin: 0px;
    margin-bottom: 1%;
    display: block;
    line-height: 1.8rem;
}


    h2{       
    font-family: 'roboto_condensedlight';
    font-size: 1em;
    color: rgb(165, 5, 5);  
    margin: 0;
    float: left;
      

}



h3{
    float: left;    
    margin: 0;
    font-family: 'roboto_condensedregular';
    font-size: 1rem;
    color: rgb(0, 0, 0);
    padding: 0;
}

h6{
    float: left;    
    margin: 0;
    font-family: 'roboto_condensedregular';
    font-size: 0.5rem;
    color: rgb(0, 0, 0);
    padding: 0;
}



p{
    font-family: 'robotolight';
    font-size: 0.8em;
    float: left;
    display: block;
    color: rgb(60, 60, 60);
    margin:0;
    line-height: 1.3em;
    text-decoration: none;
    list-style: none;
        }

b{
   font-family: 'robotobold';
    line-height: 2em;
}



.segundo_titulo{font-family: 'robotobold'; font-size:0.8em; color:rgb(204, 5, 5);line-height: 1.5em}
.tipo_peque{font-family: 'robotomedium'; font-size:0.7em; color:rgb(96, 96, 95); line-height: 1.7em; display: block;}
.tipo_lista2{font-family: 'robotoregular';font-size:1em; color:#7c7b7b; line-height:1.2em;float: left}
.tipo_lista3{font-family: 'robotobold';font-size:0.7em; color:#000; line-height:15px;float: left}

strong{
color: black;
}


/*footer*/

footer{
        

}

div#footer{
    border-top: 1px solid grey;
	margin-top: 3%;
	width:100%;
	height:auto;
	display:block;
	clear:both;
    position: relative;
    float: left;
    
    margin-bottom: 5%;
    font-size: 0.7em;
	}
 

/*1er columna*/
	
#footercolumna1{
width: 50%;

}

#col_1_footer{
	display:block;
	width:18%;
	float:left;	
    margin: 2%;
    margin-right: 5%; 
    position: relative;
    font-size: 1.2em;
    
	}

	
/*2da columna*/
	
#col_2_footer{
	display:block;
	width:50%;
	float:left;
    margin-left: 0%;
    font-size: 1em;
    opacity: 0.7;    

}

/*fin footer*/

/*aside*/

aside{
    position: relative;
    float: left; 
    width: 10%;
    background-color:rgb(253, 251, 235);
    padding: 0.5%;
    margin-top: 3%;
    margin-left: 2%;
}


#bloque_general{
    float: left;
    position: relative;
    width: 80%;
    margin-top: 2%;
    

}

#contactosbloque img{
    width: 100%;
    float: left; 
    }

#migas{
    position: relative;
    width: 100%;
    margin-top: 10%;
    margin-left: 0;  
    list-style: none;text-decoration: none;
    float: left;
    z-index: 3;
    
}
#migasb{
    position: relative;
    width: 100%;
    margin-top: 9%;
    margin-left: 0;
    margin-bottom: 1%;
    list-style: none;text-decoration: none;
    float: left;
    z-index: 5;
    
}

#img1:hover{
background: url(image/galeria/hovergaleria-01.svg);
background-repeat: no-repeat;
background-size: 100%;
cursor: pointer;
}

#img2:hover{
    background: url(image/galeria/hovergaleria2-01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
}

/*--galeriaimagenes--*/


/*--menuprincipal2--*/

#contenedor_lateral {
    
    float: left;
    width: 30%; 


}


#menuprincipal2{
    
    float: left;
    width: 100%;
    margin-left: -70%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 0;
    float: left;  
    position: relative;
    margin-top: -25%;
    
    
}

#menuprincipal23{
    
    float: left;
    width: 100%;
    margin-left: -70%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 0;
    float: left;  
    position: relative;
    margin-top: -25%;
    
    
}



#descargas{
    cursor: pointer;
  width:20%;
    position: relative;
    float: left;

}


.primer_cuadro_m2{

         float: right;
         width: 58%;
         margin-top: 14%;
         position: relative;
         opacity: 0;
}

.primer_cuadro_m2B{
         float: right;
         width: 58%;
         margin-top: 3%;
         position: relative;
         opacity: 0;
}

.primer_cuadro_m2C{
         float: right;
         width: 58%;
         margin-top: 1%;
         position: relative;
         opacity: 0;
}

.primer_cuadro_m2D{
         float: right;
         width: 58%;
         margin-top: 0%;
         position: relative;
         opacity: 0;
}



.segundo_cuadro_m2_1{
        float: left;
        width: 25.6%;
        margin-left: 43%;
        margin-right: 0%;
        position: relative;
        margin-top: 0%;
        opacity: 0;
}

.segundo_cuadro_m2_1:hover{
    opacity: 0.8;
    transition-duration: 0.3s;
}

.segundo_cuadro_m2_1b{
    float: left;
        width: 25.6%;
    margin-left: 0%;
    margin-right: 0%;
        position: relative;
        margin-top: 0%;
    opacity: 0;
}

.segundo_cuadro_m2_1b:hover{
    opacity: 0.8;
    transition-duration: 0.3s;
}

.catedra{

background: url(image/menu2/nosotrosvacio-08.svg);
background-repeat: no-repeat;
background-size: 100%;
height: 85px;

}



  #menuxb{
min-width: 250px;
  max-width: 250px;
  list-style:none;
  padding: 0;
  float: left;     
}



#menuxb li{
float:none;
list-style: none;
position: relative;
   
    
}

#menux1b{

background: url(image/menu2/nosotrosvacio-08.svg);
background-repeat: no-repeat;
background-size: 100%;
height: 84px;

}

#menux1bc{

background: url(image/menu2/nosotroslleno-08.svg);
background-repeat: no-repeat;
background-size: 100%;
height: 84px;
cursor: pointer

}


#menux1b:hover{
background: url(image/menu2/nosotroslleno-08.svg);
background-repeat: no-repeat;
background-size: 100%;
cursor: pointer;
height: 84px;
}


#menux2b{
background: url(image/menu2/tecnicavacio-18.svg);
background-repeat: no-repeat;
background-size: 100%;
height: 60px;
}

#menux2bc{
background: url(image/menu2/tecnicalleno-18.svg);
background-repeat: no-repeat;
background-size: 100%;
height: 60px;
cursor: pointer;
}

#menux2b:hover{
background: url(image/menu2/tecnicalleno-18.svg);
background-repeat: no-repeat;
background-size: 100%;
cursor: pointer;
height: 60px;
}




#menux3b{
background: url(image/menu2/programavacio-19.svg);
background-repeat: no-repeat;
background-size: 100%;
height: 60px;
}

#menux3bc{
background: url(image/menu2/programalleno-19.svg);
background-repeat: no-repeat;
background-size: 100%;
height: 60px;
    cursor: pointer;
}

#menux3b:hover{
background: url(image/menu2/programalleno-19.svg);
background-repeat: no-repeat;
background-size: 100%;
cursor: pointer;
height: 60px;
}

#menux4b{
background: url(image/menu2/galeriavacio-20.svg);
background-repeat: no-repeat;
background-size: 100%;
height: 150px;
}

#menux4bc{
background: url(image/menu2/galerialleno-20.svg);
background-repeat: no-repeat;
background-size: 100%;
height: 150px;
}


#menux4b:hover{
background: url(image/menu2/galerialleno-20.svg);
background-repeat: no-repeat;
background-size: 100%;
cursor: pointer;
height: 150px;
}


#menuprincipalchico{
width: 16%;
margin-left: 0%;
}


  #menuxb{
min-width: 250px;
  max-width: 250px;
  list-style:none;
  padding: 0;
  float: left;     
}




#menux1bf{

background: url(image/menu2/blanco/nosotrosvacio-01.svg);
background-repeat: no-repeat;
background-size: 100%;
height: 84px;

}

#menux1bcf{

background: url(image/menu2/blanco/nosotroslleno-01.svg);
background-repeat: no-repeat;
background-size: 100%;
height: 84px;
cursor: pointer

}


#menux1bf:hover{
background: url(image/menu2/blanco/nosotroslleno-01.svg);
background-repeat: no-repeat;
background-size: 100%;
cursor: pointer;
height: 84px;
}


#menux2bf{
background: url(image/menu2/blanco/tecnicavacio-02.svg);
background-repeat: no-repeat;
background-size: 100%;
height: 60px;
}

#menux2bcf{
background: url(image/menu2/blanco/tecnicalleno-18-02.svg);
background-repeat: no-repeat;
background-size: 100%;
height: 60px;
cursor: pointer;
}

#menux2bf:hover{
background: url(image/menu2/blanco/tecnicalleno-18-02.svg);
background-repeat: no-repeat;
background-size: 100%;
cursor: pointer;
height: 60px;
}




#menux3bf{
background: url(image/menu2/blanco/programavacio-03.svg);
background-repeat: no-repeat;
background-size: 100%;
height: 60px;
}

#menux3bcf{
background: url(image/menu2/blanco/programalleno-03.svg);
background-repeat: no-repeat;
background-size: 100%;
height: 60px;
    cursor: pointer;
}

#menux3bf:hover{
background: url(image/menu2/blanco/programalleno-03.svg);
background-repeat: no-repeat;
background-size: 100%;
cursor: pointer;
height: 60px;
}

#menux4bf{
background: url(image/menu2/blanco/galeriavacio-04.svg);
background-repeat: no-repeat;
background-size: 100%;
height: 100px;
}

#menux4bcf{
background: url(image/menu2/blanco/galerialleno-04.svg);
background-repeat: no-repeat;
background-size: 100%;
height: 100px;
}


#menux4bf:hover{
background: url(image/menu2/blanco/galerialleno-04.svg);
background-repeat: no-repeat;
background-size: 100%;
cursor: pointer;
height: 100px;
}

#blanco{
    float: left;
    position: relative;
    width: 19%;
    color:white;
    margin-left: 1%;
   

}



{/*acordeon*/}

.demo-acordeon
{
    float: left;
    position: relative;
    width: 100%;
    margin: 0;
      

}
.demo-acordeon h3
{   float: left;
    margin-top: 1%;
	padding: 0.25em;
	background: rgba(157, 5, 5, 0);
	width: 97%;
    color: #a70606;
    height: 19px;
    cursor: pointer;
    background-image: url(image/hover_red-01.svg);
    background-size: 10%;
    background-position: center; 
    opacity: 0.7;
    font-size: 1em;
    
}
.demo-acordeon h3:hover
{  
	 background-image: url(image/hover_red-01.svg);
    background-size: 10%;
    background-position: center;
    opacity: 1;   
   
}

.demo-acordeon div
{
	
}


{/*contacto-------------------------------------------------------------------------------------*/}

.contacto{
	padding: 0px;
	margin-top: 0px;
    float: left;
    width: 90%;
    margin-left: 3%;
	
}
.contacto label{
	display: block;
    color: #fff;
	
}
.contacto div{
	margin-bottom: 2%;
}
.contacto input[type='text'], .contacto textarea{
	padding: 7px 6px;
	width: 100%;
	resize: none;
	margin: 5px 0;
    background-color: rgba(255, 0, 0, 0);
    border:2px solid rgba(255, 255, 255, 0.35);
    color: white;
}
.contacto input[type='text']:focus, .contacto textarea:focus{
	outline: none;
    color: white;
	}
.contacto input[type='submit']{
	padding: 8px 16px;
	font-weight: bold;
    background-color: white;
    border: 0;
    color: #00ba9e;
	}
.contacto input[type='submit']:hover{
	
}
.contacto input[type='submit']:active{
	
}






{/*contacto-------------------------------------------------------------------------------------*/}


{/*sociales---------------------------------------------------------------------------------------*/}

.social-icons {
	padding: 0!important;
	margin:0%;
	list-style-type: none!important;
    float: left;
    position: relative;
    width: 100%;
}
.social-icons li{
	float: left!important;
	margin-right: 2px!important;
	margin-bottom: 2px!important;
	padding: 0px!important;
	display: inline!important;
	width: auto!important;

}	

.social-icons ul{
	float: left!important;
	margin-right: 2px!important;
	margin-bottom: 2px!important;
	padding: 0px!important;
	display: inline!important;
	width: auto!important;

}
.social-icons li a {
	-moz-transition: all 0.3s ease 0s;
	display: block!important;
	float: left!important;
	height: 100%!important;
	margin: 0!important;
	padding: 0!important;
	width: 40px!important;
	height: 40px!important;
	text-indent: -9999px!important;
}
.social-icons li a:hover {
	background-position: 0 -40px!important;
}
.social-icons li a {
	background-color:transparent;
}
.social-icons li.aim a {
	background: url(icons/aim.png) no-repeat 0 0;
}
.social-icons li.aim a:hover {
	background-color: #e95a00;
}
.social-icons li.apple a {
	background: url(icons/apple.png) no-repeat 0 0;
}
.social-icons li.apple a:hover {
	background-color: #606060;
}
.social-icons li.behance a {
	background: url(icons/behance.png) no-repeat 0 0;
}
.social-icons li.behance a:hover {
	background-color: #18a3fe;
}
.social-icons li.blogger a {
	background: url(icons/blogger.png) no-repeat 0 0;
}
.social-icons li.blogger a:hover {
	background-color: #fb913f;
}
.social-icons li.cargo a {
	background: url(icons/cargo.png) no-repeat 0 0;
}
.
.social-icons li.delicious a {
	background: url(icons/delicious.png) no-repeat 0 0;
}
.social-icons li.facebook a {
	background: url(icons/facebook.png) no-repeat 0 0;
}
.social-icons li.facebook a:hover {
	background-color: #3b5998;
}
.social-icons li.flickr a {
	background: url(icons/flickr.png) no-repeat 0 0;
}
.social-icons li.flickr a:hover {
	background-color: #f1628b;
}
.social-icons li.google a {
	background: url(icons/google.png) no-repeat 0 0;
}
.social-icons li.google a:hover {
	background-color: #dd4b39;
}
.social-icons li.googleplus a {
	background: url(icons/googleplus.png) no-repeat 0 0;
}
.social-icons li.googleplus a:hover {
	background-color: #d94a39;
}
.social-icons li.html5 a {
	background: url(icons/html5.png) no-repeat 0 0;
}
.social-icons li.html5 a:hover {
	background-color: #f3642c;
}
.social-icons li.linkedin a {
	background: url(icons/linkedin.png) no-repeat 0 0;
}
.social-icons li.linkedin a:hover {
	background-color: #71b2d0;
}
.social-icons li.orkut a {
	background: url(icons/orkut.png) no-repeat 0 0;
}
.social-icons li.orkut a:hover {
	background-color: #ed2590;
}
.social-icons li.paypal a {
	background: url(icons/paypal.png) no-repeat 0 0;
}
.social-icons li.paypal a:hover {
	background-color: #32689a;
}
.social-icons li.picasa a {
	background: url(icons/picasa.png) no-repeat 0 0;
}
.social-icons li.picasa a:hover {
	background-color: #444;
}
.social-icons li.pinterest a {
	background: url(icons/pinterest.png) no-repeat 0 0;
}
.social-icons li.pinterest a:hover {
	background-color: #cb2027;
}
.social-icons li.rss a {
	background: url(icons/rss.png) no-repeat 0 0;
}
.social-icons li.rss a:hover {
	background-color: #fe9900;
}
.social-icons li.skype a {
	background: url(icons/skype.png) no-repeat 0 0;
}
.social-icons li.skype a:hover {
	background-color: #18b7f1;
}
.social-icons li.tumblr a {
	background: url(icons/tumblr.png) no-repeat 0 0;
}
.social-icons li.tumblr a:hover {
	background-color: #3a5976;
}
.social-icons li.twitter a {
	background: url(icons/twitter.png) no-repeat 0 0;
}
.social-icons li.twitter a:hover {
	background-color: #48c4d2;
}
.social-icons li.vimeo a {
	background: url(icons/vimeo.png) no-repeat 0 0;
}
.social-icons li.vimeo a:hover {
	background-color: #62a0ad;
}
.social-icons li.wordpress a {
	background: url(icons/wordpress.png) no-repeat 0 0;
}
.social-icons li.wordpress a:hover {
	background-color: #464646;
}

.social-icons li.yelp a {
	background: url(icons/yelp.png) no-repeat 0 0;
}
.social-icons li.yelp a:hover {
	background-color: #c41200;
}
.social-icons li.youtube a {
	background: url(icons/youtube.png) no-repeat 0 0;
}
.social-icons li.youtube a:hover {
	background-color: #f45750;
}



{/*sociales---------------------------------------------------------------------------------------*/}








{/*mediaqueries----------------------------------------------------*/}
    
    @media all and (min-width: 1px) and (max-width: 320px) {
    body{
background-size:50%;

}    
        
header{
	      position:relative;
         z-index: 0;
         background-image: none;
        background-color: black;  
        padding-top: 1%;
       width:100%;  
       margin-top: 0;
	}
   
       #logo img{
       width: 90%;
       float: left;
       margin:1%;
    margin-left: 5%;
      display: block;
      top: 200%; 
      
    } 
        
        #pielogo{
            display: none;
}

        #col_buscador{
            width: 90%;     
            margin-bottom: 1%;
    }
        
            table#buscanav{
position: relative;
    float: right;
    width: 100%;
    margin: 0;  
    
}
  
        #navmenu{
            float:right;
            width: 101.6%;
            margin:0%;
            padding: 0;
        }
        
        #menuprincipal{
            display: none;
            
}
        #menuprincipal23{
    
             float: left;
              width: 100%;
              margin-left: 0%;
               margin-right: 0%;
              margin-top: -20%;
               margin-bottom: 0;
             float: left;  
           position: relative;
              margin-top: -25%;    
    
}

          #menuxb{
              margin-top: 30%;}
        
        
          #col_1-5{
   width: 100%;
    float: left;
    margin:0% 1% 0% 0%;
    position: relative;
    display: block; 
    padding: 0%;

}
        
        #col_2_5{
        display: none;
        
        }
        
        #footercolumna1{
width: 100%;

}
        
        #col_2_footer{
	display:block;
	width:100%;
	float:left;
    margin-left: 0%;
     

}
        
        h1{        
    font-family: 'roboto_condensedregular';
    font-size: 1.5rem;
    color: rgb(144, 5, 5);
    float: left;
    margin: 0px;
    display: block;
    line-height: 1.8rem;
            width: 45%;
}

        #col_2{
    width: 100%;
    float: left;
    margin: 0% 1% 0% 0%;
    position: relative;
    display: block; 
    padding: 0%;
    
    
}
        
        
        
}

@media all and (min-width: 321px) and (max-width: 768px) {
    
    header{
	      position:fixed;
         z-index: 3;          
        padding-top: 0.5%;
       width:100%;            
	}
    
    #pielogo{
    font-size: 0.5em; 
}
         #col_buscador{
            width: 30%;     
            margin-bottom: 1%;
             margin-top: 0.5%;
    }
        
    table#buscanav{
position: relative;
    float: right;
    width: 98%;
    margin: 0;  
    
}

#liden{
        width:93%;
    
        }
        #lidon{
        width:7%;
             
        }
        #buscanav{
        width:30%;        
        float:right;
        margin-right: 2%;
        
        }

        #buscanav ul li{
        list-style-type:none;
        float:left;
           
        }

        .buscator{
        width: 100%;
        border:1px solid rgba(147, 147, 147, 0.35);
        background-color: rgb(253, 251, 235);
        margin-bottom: 1%;
        }

        .buscatoren{
            position: relative;
        border: 1px solid rgba(147, 147, 147, 0.15);
        background: url(image/icono-lupa.png);
        background-repeat: no-repeat;
        background-size: 50%;
        background-position: center;
        opacity: 1;
        background-color: rgb(163, 163, 163);
        width: 100%;
        border-left: 0px;
        margin-bottom: 10%;
       
       
        }
      
        .buscatoren:hover{
            background-color: rgba(131, 126, 126, 0.19);
            cursor: pointer;
        }

     #navmenu ul li{
        list-style-type:none;
        width: 29%;
        float:right;
        text-align:center;
        font-family: 'robotoregular';
        font-size: 0.5em;
        background-color: rgb(160, 160, 160);
        margin: 0 0 0 1%;;
        padding: 1.5%;    
        
    
        }
    
    #menuprincipal23{
    display: none;
    
    }
    
    #col_1-5{
   width: 49%;
    float: left;
    margin:-7% 1% 0% 0%;
    position: relative;
    display: block; 
    padding: 0%;

}
    
           h1{        
    font-family: 'roboto_condensedregular';
    font-size: 1.5rem;
    color: rgb(144, 5, 5);
    float: left;
    margin: 0px;
    display: block;
    line-height: 1.8rem;
            width: 45%;
}

    
}

@media all and (min-width: 1024px) {
 #menuprincipal23{
    display: none;
    
    }