@charset "utf-8";

*{
margin:0;
padding:0;
}
html , body{
	background-color: #FFF;
}

  #contenedor form .g-recaptcha{
        margin-left: 5%;
    }  
img.alineadoTextoImagenCentro{
  vertical-align: middle;
  /* Ojo vertical-align: text-middle no existe*/
}
img{
	max-width:100%;
	max-height: auto;
}
#main{
	width:100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-top: 0px;
	height: auto;
}
#header {	
	margin: auto;
	width: auto;
	height:50px;
	background-color: #FFF;
/*		position:fixed;*/	
position:absolute;
top:0;
	left:0;

}
#cont-botones {
	height: auto;
	background-color: #fff;  /*FONDO BLANCO PARA LOGO EN CELULARES*/
	margin-right: auto;
	margin-left: auto;
}
#2slider {
	display: block;
}
#1slider {
	display: none;
}
#logo{
    display: none;
	position: absolute;
	left: 5%;
	top: 1px;
    width: 130px;     
}
#logocel{
    display: block;
	position: absolute;
	left: 1%;
	top: 7px;
}
#telefonos {
	display:none;
	font-family: 'Ubuntu', sans-serif;
	font-size: 1.1em;
	color: #666;
	text-align: right;
	font-weight: 500;
	/*	text-shadow: #000 1px 1px 2px;
*/	position: absolute;
	top: 27px;
	text-decoration: none;
	right: 5%;
}
#telefonos a {
	text-decoration: none;
}
#telefonos a:link {
	text-decoration: none;
	color: #666;
}
#direccion {
	display:none;
	font-family: 'Ubuntu', sans-serif;
	font-size: 15px;
	color: #666;
	text-align: right;
	line-height: 22px;
	font-weight: normal;
	right: 6%;
	/*	text-shadow: #000 1px 1px 2px;
*/	position: absolute;
	top: 25px;
}
.clear{
	clear:both;
}
#contenedor{
/*	border:thin solid #0C0;
*/	float: left;
	height:auto;
	width: 100%;
}
#contenedor p {/*border:thin solid #096;*/
	font-family: 'Ubuntu', sans-serif;
	font-size: 16px;
    font-weight: 400;
	color: #333;
	line-height: 24px;
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 0px;
	padding-bottom: 5px;
}
#banner img{
	border-radius:10px;/*CSS*/
	-moz-border-radius:10px;/*prefix moz*/
	-webkit-border-radius:10px;/*prefix safari*/
}

h1 {
    font-family: 'Ubuntu', sans-serif;
/*    font-family: 'Montserrat', sans-serif;
*/    font-size: 1.4em;
    color: rgba(0,0,92,1.00);
    padding-bottom: 15px;
    text-align: center;
    margin-top: 18px;
    padding-right: 5%;
    padding-left: 5%;
    font-weight: 700;
    line-height: 30px;;
}
h2 {
	font-family: 'Ubuntu', sans-serif;
	font-size: 1.3em;
	color: #09F;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 5%;
	font-weight: 700;
	line-height: 24px;
	padding-right: 4%;
}
article a {
    text-decoration: none;
}

h3 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 2.2em;
    padding-top: 10px;
    margin-bottom: 0px;
    color: #FF6600;
    padding-right: 5%;
    line-height: normal;
    /*	text-shadow:#fff 1px 1px 2px;
*/	padding-bottom: 5px;
    padding-left: 5%;
    text-align: center;
}


h4 {
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	color: #03F;
	text-shadow:#999 2px 1px 4px;
	text-align: center;
	margin-bottom: 0px;
	line-height: 32px;
	padding-top: 10px;
}
h5 {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.2em;
	padding-top: 5px;
	margin-bottom: 0px;
	color: #099;
	padding-right: 7px;
	/*	text-shadow:#fff 1px 1px 2px;
*/	padding-bottom: 7px;
	padding-left: 2%;
}
h5 a {
	font-weight: bold;
	color: #F00;
	text-decoration: underline;
	font-size: 45px;
}
.opacity7 {
	opacity:0.4;
}
a img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.titulo_1 {
	font-size: 24px;
	text-decoration: underline;
	line-height: 27px;
	color: #FFF;
	font-weight: bold;
}
.titulo_2 {
	font-size: 14px;
	text-decoration: underline;
	line-height: 27px;
	color: #FF0;
}
.titulo_3 {
	font-size: 20px;
	color: #FF0;
}
.titulo5 {
	font-size: 16px;
	color: #FFF;
}
.titulo6 {
	font-size: 22px;
	font-weight: bold;
	color: #666;
	text-align: left;
	text-decoration: underline;
}
.titulo7 {
	font-size: 20px;
	color: #090;
	text-align: left;
}

.cursiva1 {
	font-style: italic;
	font-weight: bold;
	color: #999;
}
.contenedor-secciones {
	width: 100%;
	float: left;
	margin-top:10px;
}
.secciones{
	float:left;
	width:95%;
	height:auto;
	margin-right:2%;
	margin-left:2%;
	margin-top:10px;
	margin-bottom:25px;
	box-sizing: border-box;
}
.secciones img {
	text-align:center;
	display:block;
	margin:auto;
}
.secciones p{
	color: #CCC;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 12px;
	text-align:center;
	line-height: normal;
	padding-right: 5px;
	padding-left: 5px;
}
.secciones h2 {
	text-align: center;
}
.secciones4x4 {
    display: block;
    float: left;
    width: 49%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    margin-top: 3px;
    margin-bottom: 3px;
    box-sizing: border-box;
    text-align: center;
}
.seccionesx2 {
	float:left;
	width:95%;
	height:auto;
	margin-right:2%;
	margin-top:0px;
	margin-bottom:0px;
	box-sizing: border-box;
	padding-left: 3%;
}
#main section #contenedor .seccionesx2 p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.seccionesx3 {
	float:left;
	width:95%;
	height:auto;
	margin-right:2%;
	margin-left:2%;
	margin-top:10px;
	margin-bottom:25px;
	box-sizing: border-box;
	text-align: center;
}


.seccionesx3 img {
	text-align:center;
	display:block;
	margin:auto;
}
#main #contenedor .contenedor-secciones .seccionesx3 h3  {
	color: #09C;
	text-align: center;
}

#seccionesx4cont {
	width:100%;
}
.seccionesx4 {
	float:left;
	width:95%;
	height:auto;
	margin-right:2%;
	margin-left:2%;
	margin-top:10px;
	margin-bottom:25px;
	box-sizing: border-box;
}
.seccionesx4 img {
	text-align:center;
	display:block;
	margin:auto;
}

.secciones2 {
	float:left;
	width:96%;
	height:auto;
	margin-right:2%;
	margin-left:2%;
	margin-top:0px;
	margin-bottom:15px;
}
.secciones2 img {
	width:100%;
	text-align:center;
	display:block;
	margin:auto;
}
.franjax2 , .franjax3 , .franjax4{
	float: left;
	background-color:#999;
	width:100%;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	text-shadow: #000 2px 2px 2px;
	font-size: 16px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: thin solid #CCC;
		box-sizing: border-box;
}	
.franjax2 a, .franjax3 a , .franjax4 a{
	color: #FFF;
	display:block;
	width: 100%;
	height:auto;
	text-decoration: none;
	padding-top: 14px;
	padding-bottom: 14px;
	background-color: #999;
}
.franjax2 a:hover, .franjax3 a:hover, .franjax4 a:hover{
	text-decoration: underline;
	background-color:#006;
}
.franjax2ok , .franjax3ok , .franjax4ok {
	float: left;
	font-size: 16px;
	background-color:#039;
	width:100%;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	border: thin solid #CCC;
	text-shadow: #000 1px 1px 2px;
	padding-top: 14px;
	padding-bottom: 14px;
	box-sizing: border-box;

}
#franjagris {
	font-family: 'Raleway', sans-serif;
	height: auto;
	padding-top: 15px;
	padding-right: 0%;
	padding-bottom: 15px;
	padding-left: 0%;
	float: left;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	line-height: 24px;
	margin-bottom: 33px;
}
.letrasuper {
	font-size: 46px;
	line-height: 46px;
}
.letrachica {
	font-size: 12px;
	color: #F00;
}
.letrablanca {
	color: #FFF;
}

.letra42 {
	font-size: 22px;
}
.letra15em {
	font-size: 1.5em;
}

.letra14 {
	font-size: 18px;
}

#franjagrisleft {
	width: 96%;
	float: left;
	border: 4px solid #666;
	margin-left: 2%;
}
#franjagrisright {
	width: 90%;
	float: left;
	padding-left: 5%;
}
footer  {
    height: auto;
    text-align: center;
    width: 100%;
    float: left;
    font-family: 'Ubuntu', sans-serif;
    font-size: 17px;
    color: #FFF;
    padding-top: 20px;
    line-height: 38px;
    margin-top: 15px;
    padding-bottom: 20px;
    font-weight: 400;
    background-image: url(../imagenes/fondofotter.jpg);
    background-repeat: repeat-y;
    background-position: center;
}
.normal {
	font-weight: normal;
}

footer a:link {
	color: #FFF;
	text-decoration: none;
}
footer a:visited {
	text-decoration: none;
	color: #FFF;
}
footer a:hover {
	text-decoration: underline;
	color: #FFF;
}
footer a:active {
	text-decoration: none;
}
footer img {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
footer a img {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
footer .seccionesfooter {
	float:left;
	width:95%;
	font-size:13px;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom: 0px;
	text-align:center;
	line-height: 24px;
}
footer .seccionesfooter .titulo5 a{
	color: #FFF;
}
fieldset{
	width:100%;
	margin:0 auto;
	border:none;
}
#web {
	font-size: 11px;
}

.derecha {
	float: right;
}
.left {
	float: left;
}
.bold {
	font-weight: bold;
}

.formulario{
	font-family: 'Raleway', sans-serif;
	width:100%;
	font-weight: bold;
	font-size: 16px;
	padding: 10px;
	line-height: 30px;
	color: #03C;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.formularioindex{
	font-family: 'Raleway', sans-serif;
	width:320px;
	font-weight: bold;
	font-size: 16px;
	padding: 10px;
	color: #CCC;
	text-align: left;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 32px;
}
#mensaje{
	color: #090;
	text-decoration: underline;
	font-size: 16px;
	background-color: #FF0;
}
#anti{
display:none;
}
.borde-rojo {
	border: 3px solid #F00;
}

.negrita {
	font-weight: bold;
}
.negrita1 {
	font-weight: bold;
	color: #066;
	font-size: 1.8em;
	line-height: 40px;
}
.negrita2 {
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	color: #F00;
	text-decoration: underline;
	background-color: #FF0;
}
.negrita3 {
	color: #093;
	font-size: 1.5em;
}
.red {
	color: #F00;
}
#red {
	color: #F00;
}
#red a {
	color: #F00;
}



#slider-fotos {
	float: left;
	width: 100%;
	padding-bottom: 20px;
}
#informacion-fotos {
	float: left;
	width: 100%;
	margin-top:0px;
	padding-bottom: 15px;
}
#main #contenedor ul li  {
	font-family: 'Ubuntu', sans-serif;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5%;
	text-align: left;
	color: #333;
	text-decoration: none;
	list-style-type: none;
	font-size: 16px;
	line-height: 22px;
}
#main #contenedor #informacion-fotos p{
	color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 15px;
	padding-left: 5%;
}
#main #contenedor .fondoazulado {
	color: #FFF;
	background-color: #099;
	padding-top: 10px;
		border-radius:7px;
}
#main #contenedor .fondo1 {
	color: #FFF;
	background-color: #606060;
	padding-top: 16px;
	border-radius:8px;
	margin-right: 5%;
	margin-left: 5%;
	padding-bottom: 16px;
	padding-right: 22px;
	padding-left: 22px;
	margin-bottom: 20px;
}
#main #contenedor .fondo2 {
	color: #FFF;
	background-color: #9d1b2f;
	padding-top: 16px;
	border-radius:8px;
	margin-right: 5%;
	margin-left: 5%;
	padding-bottom: 16px;
	padding-right: 22px;
	padding-left: 22px;
	margin-bottom: 20px;
}
#main #contenedor .fondo3 {
	color: #FFF;
	background-color: #803349;
	padding-top: 16px;
	border-radius:8px;
	margin-right: 5%;
	margin-left: 5%;
	padding-bottom: 16px;
	padding-right: 22px;
	padding-left: 22px;
	margin-bottom: 25px;
}

.secciones3{
	width:90%;
	height:auto;
	display: block;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	float: left;
}
#main section #contenedor .secciones3 .sec3a{	
	width:96%%;	
	float:left;
	padding: 2%;
}

#main section #contenedor .secciones3 .sec3b{	
	width:96%;		
	float:left;
		padding: 2%;
}
.secciones3 img{
	float:left;
	box-shadow:#666 3px 3px 8px;
}
#main section #contenedor .secciones3 h2{
	color:#000;
	font-weight:normal;
	font-size:22px;
	text-shadow:#ccc 2px 2px 3px;
	padding-top: 5px;
	padding-left: 0px;
	text-align:left;	
}
#main section #contenedor .secciones3 p{
	color: #000;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	margin-top: 0px;
	text-align:left;
	line-height: normal;
	padding: 10px;
}
.left {
	float: left;
	vertical-align: top;
}
.der {
	float: right;
}
.td{
	float:left;
	vertical-align:top;
	margin-left:4%;
	margin-right:auto;
	margin-top:12px;
	box-sizing: border-box;
	color:#080D21;
	border-radius:10px;/*CSS*/
	-moz-border-radius:10px;/*prefix moz*/
	-webkit-border-radius:10px;
	display: block;
}
    .td img{
	border: 4px solid #CCC;
	padding: 0px;
	box-shadow:2px 2px 5px #666;
    }
.centrar-imagen {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.td a img:hover {
    border: 4px solid #4156A5;
}
#cuadradoscel{
	display:block;
}
.franja1{
	float: left;
	background-color:#F00;
	width:100%;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	text-shadow: #000 1px 1px 2px;
	font-size: 24px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
}	
.franja1 a{
	color: #FFF;
	display:block;
	width: 100%;
	height:auto;
	text-decoration: none;
	padding-top:20px;
	padding-bottom:20px;
	font-weight: bold;
}
.franja1 a:hover{
	text-decoration: underline;
	background-color:#006;
}
#cuadradospantallagrande{
	display:none;
}

.bloque1 {
	float:left;
	width:96%;
	height:auto;
	margin-left:1%;
	margin-top:1%;
	margin-bottom:10px;
}
#main #contenedor .margen{
 	margin-right: 4%;
	margin-left: 4%;
}
#main #contenedor ul li{
	padding-left: 18px;
	padding-right: 25px;
	background-image: url(imagenes/iconos/tildeazulchico.jpg);
	background-repeat: no-repeat;
	background-position: 4px 9px;
	font-family: 'Raleway', sans-serif;
	list-style-type: none;
}
#main #contenedor .tildeverde li{
	background-image: url(imagenes/iconos/tildeverde.jpg);
	padding-left: 26px;
	padding-right: 35px;
	background-position: 3px 1px;
}
#main #contenedor .tildeceleste li{
	background-image: url(imagenes/iconos/tildeceleste.jpg);
	padding-left: 26px;
	padding-right: 35px;
	background-position: 3px 1px;
}
.volver {
	background-color:#44c767;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
	margin-left: 5%;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 10px;
}
.volver:hover {
	background-color:#5cbf2a;
}
.volver:active {
	position:relative;
	top:1px;
}
#nombre,#femail,#direccion,#telefono{	
	height:2em;
	line-height:2em;
	
}	
#nombre,#femail,#direccion,#telefono,textarea {	
	/*border:solid blue 0px;*/
	width:100%;
	color:#000;
	font-family:arial;
	font-size:0.9em;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:8px;
}	
#datosclientes	p{	
	margin-bottom:10px;
	;
}	
#sombra #main #content #datosclientes form #titulodatosclientes {
	color: #C10000;
}
#datosclientes	#enviar{	
	font-weight:bold;
	height:3em;
	line-height:3em;
}			
#datosclientes	#archivo{	
	width:50%;
	font-family:arial;
	font-size:0.8em;
}	
#main section #contenedor #datosclientes form .g-recaptcha {
	margin-right: auto;
	margin-left: auto;
	width: 300px;
}
#datosclientes	#parchivo{	
	font-family:arial;
	font-size:0.8em;
}	
#msg {
	color:green;
	text-align:center;
	}
.jumbo{
	font-size:26px;
	}
	#submit{
	font-weight:bold;
	height:2em;
	}
	
	
.myButton2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #3dc21b;
	-webkit-box-shadow:inset 0px 1px 0px 0px #3dc21b;
	box-shadow:inset 0px 1px 0px 0px #3dc21b;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #44c767), color-stop(1, #5cbf2a));
	background:-moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
	background:-webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
	background:-o-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
	background:-ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
	background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#44c767', endColorstr='#5cbf2a',GradientType=0);
	background-color:#093;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #18ab29;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	text-decoration:none;
	/*text-shadow:0px 1px 0px #2f6627;*/
}
.myButton2 {
	width:100%;
	padding-left:15px;
	padding-right:15px;
	text-align:center;
	font-weight:bold;
	height:2.3em;
	line-height:2.3em;
}
.myButton2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767));
	background:-moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:-webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:-o-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:-ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cbf2a', endColorstr='#44c767',GradientType=0);
	background-color:#5cbf2a;
}
.myButton2:active {
	position:relative;
	top:1px;
}
#main #contenedor form .mensaje  {
	color:white;
	font-weight:bold;
	text-align:center;
	background-color:green;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767));
	background:-moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:-webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:-o-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:-ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cbf2a', endColorstr='#44c767',GradientType=0);
	background-color:#5cbf2a;
	padding:10px;
		text-shadow: #000 1px 1px 2px;
	}

#main #contenedor form .resaltar {
	font-size:17px;
	animation:1s blinker ease-in infinite;
	-webkit-animation:1s blinker linear infinite;
	-moz-animation:1s blinker linear infinite;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #18ab29;
	color: #FFF;
    }

    @-moz-keyframes 
#main #contenedor #franjagris #franjagrisright form .resaltar{
	font-size:17px;
	animation:1s blinker ease-in infinite;
	-webkit-animation:1s blinker linear infinite;
	-moz-animation:1s blinker linear infinite;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #18ab29;
	color: #FFF;
}
#main #contenedor #franjagris #franjagrisright form .mensaje{
	color:white;
	font-weight:bold;
	text-align:center;
	background-color:green;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767));
	background:-moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:-webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:-o-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:-ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cbf2a', endColorstr='#44c767',GradientType=0);
	background-color:#5cbf2a;
	padding:10px;
	text-shadow: #000 1px 1px 2px;
}
blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    @-webkit-keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    @keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }
     



.myButton3 {
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
	padding-top: 9px;
	padding-right: 36px;
	padding-bottom: 9px;
	padding-left: 36px;
}
.myButton3:hover {
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	background-color:#0061a7;
}
.myButton3:active {
	position:relative;
	top:1px;
}


.colorgrisclaro {
	color: #999;
}
.colorazulado {
	color: #19808a;
}
.colorgrisoscuro {
	color: #606060;
}
.colorverde {
	color: #809e40;
}
.colorazul {
	color: #009;
}
.colorrojo {
	color: #F00;
}
.colorceleste {
	color: #008ecf;
}
.coloramarillo {
	color: #E6E600;
}
.colornegro {
	color: #000;
}

#contenedor .izqfotocarnet {
	float: left;
	width: 20%;
	margin-left: 4%;
}
#contenedor .textofotocarnet {
	float: left;
	width: 75%;
	padding-bottom: 30px;
}
#contenedor hr {
	height: 3px;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
}
.fondoazulmybutton {
	background-color:#315ba3;
	border-radius:7px;
	border:1px solid #4e6096;
	display:inline-block;
	color:#ffffff;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.fondocelestemybutton {
	background-color:#749bdb;
	border-radius:7px;
	border:1px solid #4e6096;
	display:inline-block;
	color:#ffffff;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.fondoceleste2mybutton {
	background-color:#98b6e6;
	border-radius:7px;
	border:1px solid #4e6096;
	display:inline-block;
	color:#ffffff;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}

.scrollup{
	width: 30px;
	height: 40px;
	opacity: 0.6;
	position: fixed;
	bottom: 20px;
	right: 25px;
	display: none;
	text-indent: -9999px;
	background-image: url(../imagenes/arriba2.png);
	background-repeat: no-repeat;
}
#wappfix{
	display:block;
    width: 50px;
	position: fixed;
	right: 15px;
	bottom: 65px;
	z-index: 1000;
}

























































/*//////////////////////   CELULARES  /////////////////////////////////// */

	/*480px*/
@media only screen and (min-width:29em){
/*#main{
	width:30em;
}*/
#slider-fotos {
	width: 50%;
}
#informacion-fotos {
	width: 45%;
	margin-top:0px;
}
#main #contenedor #informacion-fotos p{
	padding-top: 0px;
	padding-left: 35px;
}
#cuadradoscel{
	display:none;	
}
#cuadradospantallagrande{
	display:block;	
}
.secciones{
	float:left;
	width:45%;
}
    h1 {
    font-size: 2em;
    line-height: 2em;

    }
    h2 {
	font-size: 1.9em;
    line-height: normal;
    }
    

}
	
	
/***********710px******************************************/
	@media only screen and (min-width:35em){
#main{
	width:100%;
}
/*#telefonos {
	display:block;
}
#direccion{
	display:block;	
}
*/
#header {
	display:block;
	height: 125px;
		position: relative;	

}
#logo{
    display: block;
	position: absolute;
	left: 5%;
	top: 1px;
}
#logocel{
    display: none;
	position: absolute;
	left: 1%;
	top: 1px;
}    

#telefonos {
	display:block;
}
#direccion{
	display:block;	
}
#cont-botones {
	background-color: #006;
}
.secciones{
	float:left;
	width:22%;
	height:auto;
	margin-left:1%;
	margin-right:1%;
}
.franjax2{
	width:50%;
}
.franjax3{
	width:33%;
}
.franjax4{
	width:25%;
}
.franjax2 .franjax3 .franjax4 a{
	color: #FFF;
	display:block;
	width: 100%;
	height:auto;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
}
.franjax2ok {
	width:50%;
}
.franjax3ok {
	width:33%;
}
.franjax4ok {
	width:25%;
}
footer .seccionesfooter{
	float:left;
	width:17%;
	height:auto;
	vertical-align:top;
	margin-left:2%;
	margin-right:1%;
	margin-top:15px;
	box-sizing: border-box;
	margin-bottom: 10px;
	line-height: 20px;
}
.secciones3{
	width:100%;
}
#main section #contenedor .secciones3 .sec3a{	
	width:46%;	
	float:left;
}
#main section #contenedor .secciones3 .sec3b{	
	width:46%;		
	float:left;
}
.secciones3 img{
	float:left;
}
#main section #contenedor .secciones3 h2{
	color:#000;
	font-weight:normal;
	font-size:26px;
	text-shadow:#ccc 2px 2px 3px;
	padding-top: 0px;
	padding-left: 20px;
	text-align:left;	
}
#main section #contenedor .secciones3 p{
	color: #000;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 10px;
	text-align:left;
	line-height: normal;
	padding-left: 20px;
}
.secciones2 {
	width:46%;
	height:auto;
	margin-right:15px;
	margin-left:15px;
	margin-top:10px;
	margin-bottom:15px;
}
.bloque1 {
	width:19%;
	height:240px;
	overflow:hidden;
}
#seccionesx4cont {
	width:94%;
	margin-left:3%;
	margin-right:3%;
}
.seccionesx4 {
	width:24%;
	margin-left:0%;
	margin-right:1%;
}
.letrasuper {
	font-size: 60px;
	line-height: 60px;
}

.myButton2 {
	width:auto;  /*boton ENVIAR CONSULTA mas chico en pantalla grande*/
}
}


	
/*********************1000px*******************************/
@media only screen and (min-width:62em){
/*#main{
	width:58.75em;
}*/
.rmm {
	float:none;/*PARA QUE NO FLOTE A LA DERECHA*/
	margin-top:0px;
}
#cont-botones {
	background-color: #006;
}
#2slider {
	display: none;
}
#facebook {
	position: absolute;
	top: 135px;
	left: 280px;
}
.seccionesx2 {
	width:45%;
}
.seccionesx3 {
	width:29%;
	height:auto;
	margin-right:0%;
	margin-left:3%;
	margin-top:10px;
	margin-bottom:25px;
}
.secciones4x4{
	width:22%;
    margin-left: 2.5%;
}
#franjagrisleft {
	width: 47%;
}
#franjagrisright {
	width: 48%;
	padding-left: 0%;
}


#nombre,#femail,#direccion,#telefono,textarea {	
	/*border:solid blue 0px;*/
	width:60%;
}
}






/******PONER H2 ABAJO DE FOTOS*********************/
#main #contenedor .catalogo h2{
    color: #070047;
    font-size: 1em;
    font-weight: normal;
    margin-top: 3px;
        line-height: normal;
    }
    
    #main #contenedor figure {
    margin: 0 auto;
    width: 100%;
    }

#main #contenedor .catalogo{
    float: left;
    width: 48%;
    margin-top: 0;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 0;
    text-align: center;
    line-height: 0;
    height: 270px;
}
#contenedor .catalogo h2 {
}
/***********710px******************************************/
@media only screen and (min-width:35em){
#main #contenedor .catalogo{
	width: 25%;
}
}
/*********************1000px*******************************/
@media only screen and (min-width:62em){
#main #contenedor .catalogo{
	width: 14.28%;
}
}
/*****************************************************/