* { box-sizing: border-box; margin: 0px; padding: 0px; }


      
    body { position: absolute; width: 100%; background-image: url(../imagenes/fondo.gif); }
      
         
    #principal { 
       max-width: 1200px; min-width: 320px;  
       width: 100%; height: 100%; 
       margin: 0 auto; 
       color: rgb(255,255,255); 
	   font-family: 'Oswald', sans-serif;
	   font-weight: 300; }    

                               
                                #barrain  { background-color: #143850; }

                                .logomail { margin-left: 10px; }
                                
      
     header {
       z-index: 1;
       position: fixed;         
       width: 100%; height: 180px; 
       background-image: url(../imagenes/fondo.gif); }  
				


                           #titulo { text-align: center;
                                     padding-top: 30px; }

                           #titulo img { width: 60%;}
	
	                       #navigation { z-index: 1;
                                         position: absolute; top: 80px; left: 5px;
                                         width: 100%; 
                                         text-align: center; }
			   
	
	
  #inicio {
    width: 100%;
	height: 100%;
	overflow: auto;
    padding-left: 5px;
	padding-top: 170px; 
	min-width: 320px;
	max-width: 1190px; }


                   
	                  .blueberry { max-width: 1190px; min-width: 320px; width: 100%; }


                      #nota3 {  box-shadow: 0px 2px 20px #000;
                              -moz-box-shadow: 0px 2px 20px #000;
                              -webkit-box-shadow: 0px 2px 20px #000;
                               width: 100%;
                               height: 90px;
		                       margin-top: 40px;
			                   text-align: center; }

                      #nota3 img { width: 100%; }
				    
	
    #servicios { 
     text-align: center;
	 width: 100%;
	 height: 100%;
     overflow: auto;
     padding-top: 180px;
     font-family: 'Oswald', sans-serif;
     font-weight: 300;}


                       #servicios h1 { width: 100%; height: 30px; margin-bottom: 30px; font-size: 20px;}


                       #servicios .linea1 { text-align: center; margin-top: 25px; font-size: 23px; color: #fff; } 

                       #servicios .linea2 { text-align: center; font-size: 40px; margin-top: 25px; }

                       #servicios .linea3 { text-align: center; margin-top: 25px; font-size: 25px; color: #fff; } 

	
                       #servicios .cabecera { text-align: center;
	                                          height: 56px;
	                                          background-color: #FFF;
                                              color: #000; }
	                                   
	          
      
                       #izquierda { width: 100%; text-align: center; 
                                    margin-top: 20px; }
      
              
                       #izquierda p { color: #FFBF00; margin: 10px;
                                      text-align: justify;
                                      font-size: 17px; }
      
                       #izquierda h3 { text-align: center;
                                       font-family: 'Oswald', sans-serif;
                                       font-weight: 300;
                                       color: #fff; 
                                       background-color: #143850; }
                  
         
                       main section { width: 100%;
                                      max-width: 330px; max-height: 380px; 
                                      margin: 0 auto;
                                      background-color: #000;
                                      overflow: auto;       
                                      margin-bottom: 10px;
                                      border: #ccc 1px solid;
                                 }
                                     
         

                       .service { width: 270px; margin: 0 auto;  }
      
   
      
                       #certificados { text-align: center;}
      
                       #certificados img { padding: 5px; }
      
                       .telefono { padding: 8px; }
      
      
             
      
	#tacografos { 
     width: 100%;
	 height: 100%;
	 overflow: auto;
     padding-top: 180px;
     text-align: center;}

                    

      
                        #tacografos h2 { width: 100%;
                                         background: rgba(20,57,82,1);
                                         background: -moz-linear-gradient(left, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         background: -webkit-gradient(left top, right top, color-stop(0%, rgba(20,57,82,1)), color-stop(26%, rgba(15,42,61,1)), color-stop(100%, rgba(0,0,0,0)));
                                         background: -webkit-linear-gradient(left, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         background: -o-linear-gradient(left, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         background: -ms-linear-gradient(left, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         background: linear-gradient(to right, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                          }
      

                       #tacografos h3 { text-align: center;
                                        color: #FFBF00; }
 
                      .intro { background-color: #333;
                               border: 1px solid #fff;
                               width: 100%; 
                               color: #fff; }

      
                       #tacografos #container { background-color: #333; 
                                                margin: 0px auto;
			                                    overflow: auto;
                                                width: 100%;
                                                height: 100%; 
                                                margin: 0 auto;  }
      
                       #container .partea { text-align: center; }


                       #container .parteb { text-align: center;} 


                       #container .partec { text-align: center; }



      
                       .description { width: 350px;
                                      text-align: justify; 
                                      margin-left: 20px;
                                      margin: 0px auto;}

                       .description img {margin-left: 14px; }


                      .dtd {margin-top: 30px; margin-bottom: 30px;  }
                      .dta {margin-top: 30px; margin-bottom: 30px;}
                      


                      #reglas { width: 300px; 
                                 text-align: center;
                                 margin: 0 auto;
                                 margin-top: 45px;}

                       #reglas a {color: red;}

                       #reglas p {text-align: justify;}
         
                                      
    
	
	#localizacion { 	
	 background-image:url(../imagenes/fondo.gif);
     text-align: center;
	 width: 100%;
	 height: 100%;
	 overflow: auto;
     padding-top: 180px; }

                      #localizacion h2 { width: 100%;
                                         background: rgba(20,57,82,1);
                                         background: -moz-linear-gradient(left, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         background: -webkit-gradient(left top, right top, color-stop(0%, rgba(20,57,82,1)), color-stop(26%, rgba(15,42,61,1)), color-stop(100%, rgba(0,0,0,0)));
                                         background: -webkit-linear-gradient(left, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         background: -o-linear-gradient(left, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         background: -ms-linear-gradient(left, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         background: linear-gradient(to right, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                          }
      
	
                      .iframe { height: 300px; }
					 
                      .iframe iframe { width: 100%;
	                                   height: 100%; }
	 
	
						
	                  #localizacion .mapa { text-align: center; 
                                            vertical-align: top; 
                                            margin-top: 35px;
                                            font-size: 20px;}

                      .mapa { padding-top: 30px;}


                      .mapa img { width: 100%; }


                      #contacto { background-color: #000;}

      
                      .phone { padding: 30px;
                               text-align: center; 
                               margin-top: 40px;
                               vertical-align: top; }
							   
	                  #localizacion .textocontacto { background-color: #143850; font-size: 20px;
                                                     padding: 25px;
                                                     height: 360px;
	                                                 overflow: auto;
                                                     margin-top: 10px;
	                                                 text-align: center; }
                                                    
      
                        p ins { color: #FFBF00; }

                       .phone p { font-size: 18px; }

                    
      
	
      
      

   #actualidad { 	
    background-image: url(../imagenes/fondo.gif);
    text-align: center;
	width: 100%;
	height: 100%;
	overflow: auto;
    padding-top: 180px; }

                        #actualidad h2 { width: 100%;
                                         background: rgba(20,57,82,1);
                                         background: -moz-linear-gradient(left, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         background: -webkit-gradient(left top, right top, color-stop(0%, rgba(20,57,82,1)), color-stop(26%, rgba(15,42,61,1)), color-stop(100%, rgba(0,0,0,0)));
                                         background: -webkit-linear-gradient(left, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         background: -o-linear-gradient(left, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         background: -ms-linear-gradient(left, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                         background: linear-gradient(to right, rgba(20,57,82,1) 0%, rgba(15,42,61,1) 26%, rgba(0,0,0,0) 100%);
                                          }


                       #contactual { background-color: brown;}
	

		               #actualidad #cajauno { overflow: auto;
	                                          margin: 0 auto;
                                              width: 100%; }
      
                       #cajauno .unosolo { margin: 0 auto;
                                           text-align: center; }

                       #cajauno .unosolo img { width: 100%;}
      
      
                       #cajauno .unosolo section { background-color: #fff;
                                                   color: #000;
                                                   padding: 20px;
                                                   height: 620px;
                                                   overflow: auto;
	                                                }
      
                       #cajauno .tresvertical { text-align: center;
                                                padding: 20px;
                                                margin: 0 auto; }

                       #cajauno .tresvertical img { width: 100%;}
      
                       .tresvertical section { color: #000; 
                                               padding: 10px; 
                                               text-align: justify; 
                                               background-color: #fff; 
                                               height: 400px;}

      
                       .uno  { padding: 10px; }
                       .dos  { padding: 10px; }
                       .tres { padding: 10px; }
      
      
      
      		                              #actualidad #cajados { display: inline-block; 
                                                                 color:  #000; 
                                                                 text-align: center; 
                                                                 padding-top: 30px;
			                                                     overflow:auto;
	                                                             margin: 0 auto;
                                                                 width: 100%; }


                                           #cajados .unodetres { display: inline-block;
                                                                 background-color: #fff;
                                                                 padding: 10px;
			                                                     overflow:auto;
	                                                             margin: 10px auto;
                                                                 width: 300px;
                                                                 height: 350px;}
      
                                           #cajados .dosdetres { display: inline-block;
                                                                 background-color: #fff;
                                                                 padding: 10px;
			                                                     overflow:auto;
	                                                             margin: 10px auto; 
                                                                 width: 300px;
                                                                 height: 350px;}
      
                                           #cajados .tresdetres { display: inline-block; 
                                                                  background-color: #fff; 
                                                                  padding: 10px;
			                                                      overflow:auto;
	                                                              margin: 10px auto;
                                                                  width: 300px;
                                                                  height: 350px;}
      
								  
 footer { 
    background-color: black;
    width: 100%;
    height: 220px; }

                footer h1 { text-align: center; 
                            font-size: 20px;
                            color: #FFBF00; }

                footer h3 { text-align: center; 
                            font-size: 20px;
                            color: #fff; }

                footer p { text-align: center; 
                           font-size: 15px;
                           color: #fff; }

                footer a { color: #fff; text-decoration: none;}