* { margin: 0px;
    padding: 0px;
    }
    
    

body {background-color: #F3F3F3;}

/*<------------------CABECERA---------------------------->*/

#header {
            width: 98%;
            background: url("../images/lineafondo1.png") no-repeat top center;
         
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                
                
            }
.center { text-align: center;}

#logo {
    width: 330px;
    text-align: left;
    margin: 20px;
    margin-top: 55px;
    max-width: 90%;
            }
/*<------------------TERMINA CABECERA---------------------------->*/

/*<------------------SLIDER---------------------------->*/

#slider {
            width: 98%;
            height: auto;
            }
            
/*<------------------TERMINA SLIDER---------------------------->*/            
            

/*<------------------INFORMACION---------------------------->*/

#informacion {
            margin: 2%;
            font: 90% arial, sans-serif; 
            text-align: justify;
            
            }
            
#informacionCV {
            margin: 2%;
            font: 90% arial, sans-serif; 
            text-align: justify;
            
            }
            
#formul {	
            width: 45%;
            padding: 6px;
            margin: 5px;
            margin-top: 4%;
            
            text-align: left;
            }
            
.con {width: 5%;}

.co {width: 35%;
	text-align: left;
	margin-left: 4% ;
	margin-bottom: 6%;
}

.datos {text-align: center;
		background-color: #A5DF00;
}


/*<------------------TERMINA INFORMACION---------------------------->*/

/*<------------------CUADRITOS Y CONTACTO---------------------------->*/

#cuadro {
            font: 13px arial, sans-serif;
            padding: 5px;
            margin: 5px;
            margin-top: 4%;
            text-align: justify;
            border: 2px solid;
            border-spacing: 2px;
            
            -moz-box-shadow: rgb(150,150,150) 5px 5px;
            -webkit-box-shadow: rgb(150,150,150) 5px 5px;
            box-shadow: rgb(150,150,150) 5px 5px;
            }
            
#cuadroi {
            width: 95%;
            padding: 5px;
            margin: 5px;
            margin-top: 4%;
            text-align: justify;
            font: 13px arial, sans-serif;
            }
            

            
@media (min-width: 560px) {
            #cuadro{float: right; width:36%; margin-right: 5%;}
            #informacion{float: left; width: 50%; }
            #cuadroi{float: right; width:36%; margin-right: 5%;}
            				}
            				
@media (min-width: 300px) {
            #informacionCV{ width: 90%; }
            				}            				
            
            
            
.ns31 {     width: 60%;
			text-align: center;
            border: 6px solid grey;
            border-spacing: 2px;
            
            -moz-box-shadow: rgb(150,150,150) 5px 5px;
            -webkit-box-shadow: rgb(150,150,150) 5px 5px;
            box-shadow: rgb(150,150,150) 5px 5px;
            text-align: center;}
            
            
#bene {text-align: center;}

.conta {float: right;
		width: 20%;
		margin-right: 14%: 
		}

                       
#formu {	
            width: 100%;
            padding: 5px;
            margin: 5px;
            margin-top: 4%;
            
            text-align: left;
            }
            
#cont {     text-align: start;
            font: 90% arial, sans-serif; }      

@media (min-width: 500px) {
            #ns31{float: right; width:36%; margin-right: 5%;}
          
            }        
      
           
/*<------------------TERMINA CUADRITOS Y CONTACTO---------------------------->*/

/*<------------------MENU ABAJO Y DERECHOS---------------------------->*/

#menuf {
            background: #0080FF;
            text-align: center; 
            overflow:  auto;
            height: 30px;
            padding-top: 10px;
            }



#menua li {
            margin: 2px;
            margin-right: 20px; 
            background: #0080FF;
            text-align: center;
            display: inline;
            font: 70% arial, sans-serif;
            color:  #FFFFFF;
            
            
            }

#lineav { width: 98%;}
#linea { width: 98%; float: left; }

.clear { clear: both; }

.imgFot { max-width: 98%;}


#opc {text-align: center;}

#opci {text-align: left;
            margin-left: 4%;
            margin-bottom: 6%; 
            }


#derechos {
            max-width: 98%;
            font: bold 70% arial, sans-serif;
            border-top-style: outset;
            border-color: #CCCCCC;
            margin: 30px 30px;
}

#pequ {
            width: 50px;
            float: right;
            margin: 0px 20px 50px 20px;
            
            
#todo {max-width: 98%; }


/*<------------------MENU ABAJO Y DERECHOS---------------------------->*/
/*<------------------MENU ABAJO Y DERECHOS---------------------------->*/



/*<------------------MENU ABAJO Y DERECHOS---------------------------->*/
/*<------------------MENU ABAJO Y DERECHOS---------------------------->*/