@charset "utf-8";
/* CSS Document */

*{
	border-radius: 0px !important;
	box-shadow: none !important;
}


body{
    width: 100%;
    height: 100%;
	padding-top: 0px;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	line-height: 23px;
	background:#ffffff;
	color: #000000;
	margin:0px auto;	
}

/* Estilos */

h1, h3, h4, h5, p, li, a, .footer, .footerwhite, .largo, .tituloblanco, .letterpress, .letterpresslight, .letterpresshard, .bys, .texshadow, .txtvolumen{ font-family: 'Lato', sans-serif; color:#000; text-align:left; font-style:normal;}

h1{ font-family: 'Lato', sans-serif; font-size:22px; color:#960000; margin:20px; font-weight: 700;
text-align: center; font-style: italic;}

h2{ font-size:20px; color:#0a4094; margin: 10px 0px 0px 10px; font-weight: 400;
text-align:left; font-style: italic;}

h3{ text-align: center; padding:0px 10px; color:#ffffff; font-size:14px; text-shadow:0 1px 0 #000000; margin:0px auto; display:inline-block; font-weight: 400; padding: 10px 0px 10px 0px;}

h4{ text-align:left; padding:15px; color:#969696; font-size:14px; text-shadow:0 1px 0 #ffffff; margin:0px auto; font-weight: 400;}

h5{ font-size:20px; color:#0a4094; margin: 10px 0px 0px 10px; font-weight: 700;
text-align:center; font-style: italic;}

h6{ font-size:20px; color:#0a4094; margin: 10px 0px 0px 10px; font-weight: 400;
text-align:center; font-style: italic;}

.titulos{font-family: 'Lato', sans-serif; font-size:22px; color:#960000; margin:20px; font-weight: 700;
text-align: left; font-style: italic;}

a {text-decoration: none;}

a:link {color: #0a4094;}
a:visited {color: #494949;}
a:hover {color: #f5d101;}
a:active {color: #f5d101;}

.numeros{ font-size:24px;}

.bpinturas{ width:100%; height:auto; text-align:center; margin:0px auto; padding-top: 30px;}

.f{ padding-top: 5px;}

/*li{font-family: 'Carme';}*/

/*ul#sti-menu.sti-menu { margin:0px; padding:0px;}*/

p{ text-align: justify; padding:15px; color:#000000; font-size:18px; line-height:24px;text-shadow:0 1px 0 #FFFFFF; margin:0px auto;}

/* Divs */

.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:556px; position:absolute;  background-size:cover; margin:0px auto;}

.wrapperpag{ width:100%; max-width:1000px; height:auto; text-align:center; margin:0px auto;}

.logo{ width:100%; height:auto; text-align:center; margin:0px auto; max-height: 72px;}

.cl{ max-width:529px;}

.espacio{ width:100%; height:130px; margin:0px auto;}



footer{ width:100%; height:auto; text-align:center; background-color:#000; margin:0px auto; display: inline-block;}

.linea{ width:100%; height:1px; background-color:#FFF; margin:0px auto;}

.txtfoot{ font-size:22px;}

.pintitulos{ width:100%; height:auto; min-height:32px; margin:5px auto; font-family: 'Lato', sans-serif; font-size:22px; color:#FFF; text-align:center; background-color:#960000;  padding-top: 7px; display:inline-block;}

.pintitulos2{ width:100%; height:auto; min-height:32px; margin:5px auto; font-family: 'Lato', sans-serif; font-size:22px; color:#960000; text-align:center; background-color:#eaeaea;  padding-top: 7px; display:inline-block;}




.textpinturas{width:100%; height:auto; text-align:center; margin:0px auto;}

#fondocontacto{ width:100%; height:auto; max-width:1600px; text-align:center; margin:0px auto; background-image:url(../imagenes/2m.jpg); max-height:556px;}



#frame{width: 315px;
  height: auto;
  float: left;}

#direccion{ width:100%; max-width:500px; height:auto; text-align:center; float:right; margin:0px auto;}

#email{ max-width:500px; width:100%; height:auto; margin:0px 25px 0px 25px; text-align:center;}

#tels{ max-width:500px; width:100%; height:auto; margin:0px 25px 0px 25px;; text-align:center; padding-top: 20px;}

.flotar{ float:left;}
.flotar2{ float:left;}

.forconta{  margin: auto;
  width: 310px;
  height: 520px;
  display: inline-block;}

#ubi{ width:80%; max-width:1000px; margin:0px auto; display: inline-block;}

#cita{ width:100%; height:auto; text-align:center; margin:0px auto; background-color:#eeefe9; font-family: 'Hind', sans-serif; font-size:18px; color: #8E0002;
  padding: 15px; max-width: 950
  px; }

/*Redondear Campos de Texto*/	

input[type="password"], input[type="search"], input[type="form"], input[type="email"], input[type="tel"], textarea {
    border:1px solid #ccc;
    font-size:16px;
	margin:0px 5px 0px 0px;
    padding:5px; 
	-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	-moz-border-radius:5px;
	-webkit-border-radius:5px; 
	-o-border-radius:5px;
	border-radius:5px; 
	text-align:center; 
	font-family:Verdana, Geneva, sans-serif;
	width:250px;} 	
	
	 input[type="text"], textarea {
    border:none;
    font-size:18px;
	margin:0px 5px 0px 0px;
    padding:5px; 
	-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	-moz-border-radius:5px;
	-webkit-border-radius:5px; 
	-o-border-radius:5px;
	border-radius:5px; 
	text-align:center; 
	font-family:Verdana, Geneva, sans-serif;
	width:250px;
	/*background-image: linear-gradient(to bottom,#00758a,#014457);*/
background-repeat: repeat-x;
height: 28px;
color:#000000;
background-color: #D3D3D3;
} 
	
@media (max-width: 800px){
.imagepinturas{ width:100%; height:auto; text-align:center; margin:0px auto; max-width:300px; float: none;}

}
	
@media (max-width: 476px){
	#iconos{ width:100%; height:auto; max-width:none; text-align:center; margin:10px auto; float:right;}
}



.contenidos{ 
	width: 100%;
    max-width: 1200px;
    
    margin: auto;

}
.contenidos2{ 
	width: 100%;
    max-width: auto;
    height: 430px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;

}

.title{
    text-align: center;
    font-size: 40px;
    color: #6a6a6a;
    margin-top: 30px;
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
}


.contenidos2 .card{
    width: 330px;
    height: 430px;
    border-radius: 8px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    margin: 20px;
    text-align: center;
    transition: all 0.25s;
}

.contenidos2 .card:hover{
    transform: translateY(-15px);
    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.2);
}

.contenidos2 .card img{
    width: 300px;
    height: 250px;
	
}

.contenidos2 .card h4{
    font-weight: 600;
}

.contenidos2 .card p{
    padding: 0 1rem;
    font-size: 16px;
    font-weight: 300;
}

.contenidos2 .card a {
    font-weight: 500;
    text-decoration: none;
    color: #3498db;
}

.contenidos{ 
	width: 100%;
    max-width: 8200px;
    
    margin: auto;

}
.imagepinturas{
     width:100%;
      height:auto;
       text-align:center;
        margin:0px 10px;
         max-width:300px;
          float: left;}