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


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



                                #barrain  { background-color: #143850; }
                                .logotel  { float: left; }
                                .logomail { clear: both; }
                              


  header {
	z-index: 1;
	position: fixed;
	width: 1200px;
	height: 160px;
    background-image: url(../imagenes/fondo.gif);
    box-shadow: 0px 2px 20px #000;
    -moz-box-shadow: 0px 2px 20px #000;
    -webkit-box-shadow: 0px 2px 20px #000;
}  


                      #titulo { display: table-cell; 
	                            width: 20%;
	                            text-align: center;
                                padding-top: 30px; }


	
	                  #menu { display: table-cell; 
                              width: 34%; }
			   
		              #menu li { display: inline-block; 
	                             margin: 23px;
                                 list-style-type: none;
                                 text-transform: uppercase;
	                             font-family: 'Oswald', sans-serif;
	                             font-weight: 300;
				                 font-size: 13px;  }
	

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


  #inicio {
	
	width: 100%;
	height: 100%;
	overflow: auto;
    padding-left: 5px;
    padding-bottom: 20px;
	min-width: 320px;
	max-width: 1190px;
    padding-top: 160px;}

	                  .blueberry { max-width: 1190px; }


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

                      .nota img { width: 100%; }
     
	       

    #servicios { 
     display: inline-block;
	 width: 100%;
	 height: 100%;
     overflow: auto;
     vertical-align: top;
     font-family: 'Oswald', sans-serif;
     font-weight: 300;
     padding-top: 165px;}
	
	
                       #servicios h1 { width: 100%; font-size: 25px;
                                       background: rgba(20,57,82,1);
                                       background: -moz-linear-gradient(left, rgba(20,57,82,1) 79%, rgba(0,0,0,0) 100%);
                                       background: -webkit-gradient(left top, right top, color-stop(79%, rgba(20,57,82,1)), color-stop(100%, rgba(0,0,0,0)));
                                       background: -webkit-linear-gradient(left, rgba(20,57,82,1) 79%, rgba(0,0,0,0) 100%);
                                       background: -o-linear-gradient(left, rgba(20,57,82,1) 79%, rgba(0,0,0,0) 100%);
                                       background: -ms-linear-gradient(left, rgba(20,57,82,1) 79%, rgba(0,0,0,0) 100%);
                                       background: linear-gradient(to right, rgba(20,57,82,1) 79%, rgba(0,0,0,0) 100%);
                                       }

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

                       #servicios .linea2 { text-align: center; font-size: 30px; }

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

     
                       #izquierda { display: inline-block;
                                    margin-top: 20px;
                                    width: 79%; }
      
              
                       #izquierda p { color: #FFBF00;
                                      font-size: 16px; }

      
                       #izquierda h3 { text-align: center;
                                       font-family: 'Oswald', sans-serif;
                                       font-weight: 300;
                                       color: #fff; 
                                       background-color: #143850; }

         
                       main section { display: inline-block; 
                                         background-color: #000;
                                         width: 450px; height: 180px; 
                                         overflow: auto; 
                                         margin: 10px;
                                         border: #ccc 1px solid;
                                         box-shadow: 0px 2px 20px #000;
                                        -moz-box-shadow: 0px 2px 20px #000;
                                        -webkit-box-shadow: 0px 2px 20px #000;}
         

                       .service { float: left; 
                                  margin: 0 10px 0 0; }
      
                       #derecha { display: inline-block; vertical-align: top ;
                                  margin-top: 30px;
                                  width: 20%; }
      
                       #certificados { border: 1px solid #FFBF00;
                                       text-align: center;}
      
                       #certificados img { padding: 5px; }
      
                       .telefono { padding: 10px; }
      
      
             
      
	
	#tacografos { 
     width: 100%;
	 height: 100%;
	 overflow: auto;
     padding-top: 165px; }

       
      
                        #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;
                                 line-height: 50px;
                                 width: 100%; 
                                 color: #fff; }

      
                        #tacografos #container { display: inline-block;
                                                 margin: 0 auto;
			                                     overflow: auto;
                                                 width: 100%;
                                                 height: 100%; 
                                                 background-color: #333; }
      
                        #container .partea { display: inline-block; 
                                             overflow: auto; 
                                             vertical-align: top;
                                             width: 34%; 
                                             height: 700px; 
                                             text-align: center; }

                        #container .parteb { display: inline-block;
                                             overflow: auto;
                                             vertical-align: top;
                                             width: 30%; 
                                             text-align: center;}


                        #container .partec { display: inline-block;
                                             overflow: auto;
                                             vertical-align: top;
                                             width: 35%; 
                                             text-align: center;}



                 

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

                       .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);
	 width: 100%;
	 height: 100%;
	 overflow: auto;
     padding-top: 165px; }


                      #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 { width: 1200px;
                                height: 300px; }
					 
                      .iframe iframe { width: 100%;
	                                   height: 100%; }
	 
	
						
	                  #localizacion .mapa { display: inline-block;
                                            width: 45%;
                                            text-align: center; 
                                            vertical-align: top; 
                                            margin-top: 35px;
                                            font-size: 20px;}


                      #contacto { background-color: #000; 
                                  padding-bottom: 30px;}

                      #cajetin { display: inline; }
      
                      .phone { display: inline-block;
                               padding: 30px;
                               width: 30%;
                               text-align: center; 
                               margin-top: 40px;
                               vertical-align: top; }
							   
	                  #localizacion .textocontacto { display: inline-block; 
                                                     padding: 25px;
                                                     background-color: #143850;
                                                     width: 25%;
							                         width: 250px;
	                                                 height: 297px;
	                                                 overflow: auto;
                                                     margin-top: 35px;
	                                                 text-align: center; }
                                                    
      
                        p ins { color: #FFBF00; } 

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

                 
      
	
      


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

                        #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 { display: inline-block; 
                                              vertical-align: top; 
			                                  overflow: auto;
	                                          margin: 0 auto;
                                              width: 100%; }
      
                        #cajauno .unosolo { width: 50%;
                                            display: inline-block; 
                                            margin: 0 auto;
                                            vertical-align: top; 
                                            text-align: center; }
      
      
                       #cajauno .unosolo section { display: inline-block; 
                                                   vertical-align: top;
                                                   background-color: #fff;
                                                   color: #000;
                                                   padding: 20px;
                                                   width: 590px; height: 730px;
                                                   overflow: auto;
	                                               margin: 30px auto; }
      
                       #cajauno .tresvertical { width: 49%;
                                                display: inline-block; 
                                                vertical-align: top;
                                                text-align: center;
                                                padding: 20px;
                                                margin: 0 auto; }
      
                      .tresvertical section { display: inline-block; 
                                              vertical-align: top;
                                              color: #000; 
                                              padding: 10px; 
                                              text-align: justify; 
                                              background-color: #fff; 
                                              width: 500px;  height: 230px;}

      
                       .uno  {float: left; padding: 10px;}
                       .dos  {float: left; padding: 10px;}
                       .tres {float: left; padding: 10px;}
      
      

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


                                           #cajados .unodetres { display: inline-block;
                                                                 vertical-align: top;
                                                                 background-color: #fff;
                                                                 padding: 10px;
			                                                     overflow: auto;
	                                                             margin: 20px ;
                                                                 width: 300px;
                                                                 height: 310px;}
      
                                           #cajados .dosdetres { display: inline-block; 
                                                                 vertical-align: top;
                                                                 background-color: #fff;
                                                                 padding: 10px;
			                                                     overflow: auto;
	                                                             margin: 20px; 
                                                                 width: 300px;
                                                                 height: 310px;}
      
                                           #cajados .tresdetres { display: inline-block;
                                                                  vertical-align: top;
                                                                  background-color: #fff; 
                                                                  padding: 10px;
			                                                      overflow: auto;
	                                                              margin: 20px ;
                                                                  width: 300px;
                                                                  height: 310px;}   

								  
 footer { 
    background-color: black;
    width: 100%;
    height: 220px; }

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

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

                footer p { text-align: center; 
                           font-size: 20px;
                           color: #fff; }
  
                footer a { color: #fff; text-decoration: none;}