html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin : 0;
	padding : 0;
	outline : 0;
	font-weight : normal;
	font-style : normal;
	font-size : 100%;
	font-family : inherit;
	vertical-align : baseline;
	border : none;
}


/*************/
html{ margin:0; padding:0; overflow-x:hidden}
body{ margin:0; padding:0; 	background:#fff; 

    font-family: 'Roboto', sans-serif; font-size:1em; color:#004e8a;}
 
img, a{ border:0;}	 

A{ color:#004e8a;}
p{ color:#004e8a; line-height:19px; text-align:justify;    font-size:1EM;  margin-left:0px;}

img.center { text-align:center;}





 /****************************************************************/
/*********** WRAPPER *********************/

#head{ background:#004e8a;  padding-top:20px;text-align:center;}
#head   a.h1{ color:#6590DA; font-size:2em; line-height:1.2em;  font-weight:300; padding:0; margin:0;  ; text-decoration: none; text-transform:uppercase; text-align:center;  }
#head   h1{ color:#fff; font-size:2.5em ; text-align:center; font-weight:300; padding-bottom:15px;  ;} 
#head h2{ background:#6590DA; color:#e3eaf7; font-weight:normal; margin:2px 0; padding:10px;   font-size:1.2em; text-align:center;}
#head h2 a{   color:#e3eaf7; }
 

.clear { height:1px; clear:both;}




/************************************************************/
/******CONTENT **************/



#wrapper { max-width:1200px; position:relative; margin: 0px auto; padding:0;      }
 
 
 


.sidebar { float:left; width:23%;  padding-top:20px; }

.sidebar ul { list-style:none; width:90%;  font-family: 'Roboto', sans-serif; font-size:1.2em; line-height:1.8em; font-weight:300; padding-left:30px; margin-top: 60px;  margin-bottom: 40px; padding-top:40px; margin:0; text-align:left;color:#fff ; background:#004E8A;}
.sidebar a.boton { width:100%; margin:0 auto; margin-top: 40px; margin-left:-30px; margin-bottom: 0px; text-align:center; padding:15px ;   display:block;  background:#6590DA; text-decoration:none; font-size:1.5em; color:#004E8A}

.sidebar a.boton:hover {  background:#6590DA; color:#004e8a}
.sidebar .logo { }
.sidebar .logo img{ width: 100%; max-width: 250px;display: block; margin: 30px 0 20px 0}
.sidebar p  { padding-top:20px; padding-bottom:20px; text-align:center; font-size:1em;}
.sidebar p strong { font-weight: 600}

.sidebar p.phone  { padding-top:30px; padding-bottom:0px; text-align:center; font-size:1.2em;}
.sidebar p.phone span{ display:block; font-size:2.4em; line-height:1.2em; font-weight:300; margin:0; padding:0;  }
.sidebar p.phone a { text-decoration: none}
.sidebar p.phone   span.small{ font-size:1em;line-height:0em; font-weight:300;  }

.sidebar a.boton2 { color:#6590DA; width:90%; height:40px; padding:20px; border-radius:5px; padding-top:10px; font-size:1.5em; line-height:1.5em;  background: -webkit-gradient(linear, left top, left bottom, from(#17435D), to(#004e8a), color-stop(0.7, #004e8a));
background: -moz-linear-gradient(top, #17435D, #004e8a);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#17435D', endColorstr='#004e8a');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#17435D', endColorstr='#004e8a')";
background: -o-linear-gradient(top, #17435D, #004e8a); display:block; margin-top:35px;}


  .content { float:right; width:74%; margin: 5px 0; }

 
.taquillas{ width: 29%; ; margin:20px;float:left; text-align:center;  }
.taquillas#right{ margin-right:0;} 
.taquillas:hover a span{ background: #6590DA   }

.taquillas img { width:90%; height:auto; padding: 10px;  margin: 0;  border:1px solid #004e8a }
.taquillas a  {  text-decoration:none;}

.taquillas a.boton  { max-width: 140px; color: #fff; margin: 10px auto; padding: 10px; display: block; background: #6590DA   }
.taquillas a.boton:hover  {   background: #004e8a   }

.taquillas  p{  line-height:1.1em;; margin:10px; font-size:0.9em;text-align:center;}
 

.taquillas a span { padding:8px 0 8px 0;  margin: 0;background:#004e8a ; color:#fff; text-decoration:none; font-weight:300; font-size:1.4em; line-height:1.2em; display:block;  text-align:center;}
  
 p.nota{  line-height:1.5em;; margin:20px; font-size:1.2em; margin:0;  font-weight:bold;padding:0; text-align:center;}
 
.oferta{ width: 29%; ; margin:20px;float:left; text-align:center; border:2px solid #6590DA   }
 .oferta img { width:85%; height:auto; padding:15px;}
.oferta#right{ margin-right:0;}
.oferta a span { padding:8px 0 8px 0; background: #6590DA ; color:#fff; text-decoration:none; font-weight:300; font-size:1.1em; line-height:1.2em; display:block;; text-align:center;}
.oferta a  {  text-decoration:none;}
 .oferta:hover{  border:2px solid #6590DA   }
.oferta:hover a span{ background: #6590DA   }

   



  h1.phone{color:#FF0000; font-size:36px; line-height:26px; }
  h1.phone span{color:#FF0000; font-size:18px; }

    h1.phone a{color:#FF0000; font-size:22px; }

/***********FOOTER***********/
 p.footer { text-align:left; margin-top:-20px;}



 
@media  (max-width:1200px)  { 
  
.taquillas, .oferta{ width: 29%; ; margin:15px; }
.taquillas#right{ margin-right:0;}
.sidebar p.phone span{ ; font-size:2em;   }
    


}
 
  
 
 @media  (max-width:768px)  { 
 

.sidebar { float:none; width:100%;  text-align: center;padding-top:10px; }
	 .sidebar .logo img{ margin: 0 auto; display: block;}
.sidebar ul { list-style:none;   margin: 40px auto;font-size:1em; display: block;padding-left:10px;} 
	 .sidebar ul li { margin-left:	 20px;}
.sidebar a.boton {font-size:1.1em;   margin: 0px auto; max-width: 80%;} 
.sidebar p  { width:100%; margin:0; padding:0; font-size:1em;}
.sidebar p.phone span{ display: block; font-size:2em; font-weight:400; line-height:1em;   }

.taquillas, .oferta{ width: 95%;     }
 
.taquillas img, .oferta img{ max-width:400px; width: 95%;     }

}
 @media  (max-width:480px)  { 
 #head { margin-bottom:10px;} 
 #head   a.h1{  font-size:1.4em;   }
#head   h1{ color:#fff; font-size:1.8em ; text-align:center; font-weight:300; padding-bottom:15px;  ;} 
#head h2{   font-size:1.1em;  }
 
  .content { float:none; width:100%; margin: 5px 0; }

  
 .taquillas, .oferta{ width: 90%; position:relative; margin-right:0;     }
 
.taquillas img, .oferta img{ max-width:400px; width: 90%;     }


}