/*		www.sidmac.com		*/

@font-face{    font-family: 'Roboto';						src: url("fuentes/roboto.ttf"); }
@font-face{    font-family: 'Oswald';						src: url("fuentes/oswald.woff"); }
@font-face{    font-family: 'Federo';						src: url("fuentes/federo.woff"); }
@font-face{    font-family: 'FontAwesome';					src: url("fuentes/fontawesome.woff"); }
@font-face{    font-family: 'OpenSans';						src: url("fuentes/opensans.ttf"); }
@font-face{    font-family: 'iconFont';						src: url("fuentes/iconfont.ttf"); }
@font-face{    font-family: 'Montserrat';					src: url("fuentes/montserrat.otf"); }
@font-face{    font-family: 'Icons';						src: url("fuentes/icons.woff"); }
@font-face{    font-family: 'PTSerif';						src: url("fuentes/PTSerif.ttf"); }
@font-face{    font-family: 'Raleway';						src: url("fuentes/Raleway.ttf"); }
@font-face{    font-family: 'Digital';						src: url("fuentes/digital.ttf"); }
@font-face{    font-family: 'Simple';						src: url("fuentes/simple.ttf"); }
@font-face{    font-family: 'Sodmac';						src: url("fuentes/Sidmac.ttf"); }

/* HTML5	Reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 vertical-align: baseline;
}

:root{
--bg		:#eee;
--margin	:80px;
--padding	:50px;
--aalto		:34.106vw;
--hralto	:100px;
--altoimg	:13.75vw;
--elcolor	:#028fcc;
--elcolor2	:#54a0f5;
--link		:#0083c1;
--ahover	:#8bb2df;
--gmapas	:20.83vw;
}

body {
background:#fff;
margin: 0px;
color: #747474;
font: 17px/1.2px "OpenSans", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
font: 35px/1 "Montserrat", "arial", "Georgia", serif;
text-transform: uppercase;
color:#333;
margin: 0;
}
h1 {
margin: 0px 0px 20px 0px;
}

a {
color:#e85311;
text-decoration:none;
}
a:hover {
color:#22347b;
}

.fa {
display: inline-block;
font: normal 14px/1 FontAwesome;
font-size: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.if {
display: inline-block;
font: normal 14px/1 iconFont;
font-size: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.s {
display: inline-block;
font: normal 14px/1 Simple;
font-size: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.sm {
display: inline-block;
font: normal 14px/1 Sodmac;
font-size: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.fa-home:before {
content: "\f015";
}
.fa-izq:before {
content: "\f104";
}
.fa-der:before {
content: "\f105";
}
.fa-a:before {
content: "\f102";
}
.fa-f:before {
content: "\f09a";
}
.fa-t:before {
content: "\f099";
}
.fa-y:before {
content: "\f167";
}
.fa-g:before {
content: "\f2b3";
}
.fa-i:before {
content: "\f16d";
}
.fa-rss:before {
content: "\f09e";
}
.fa-b:before {
content: "\f002";
}
.fa-fecha:before {
content: "\f017";
}
.fa-tel:before {
content: "\f098";
}
.fa-l:before {
content: "\f104";
}
.fa-r:before {
content: "\f105";
}
.fa-nav:before {
content: "\f0c9";
}
.fa-mail:before {
content: "\f0e0";
}
.fa-xv:before {
content: "\f1fd";
}
.s-store:before {
content: "\ea00";
}
/**************************/

/**************************/
.s-us:before {
content: "\e005";
}
.s-tel:before {
content: "\e600";
}
.s-msj:before {
content: "\e02c";
}
.s-dir:before {
content: "\e096";
}
.s-hora:before {
content: "\e081";
}
/**************************/
#arriba{
height:30px;
background: #444;
}
header {
width:100%;
height: var(----hralto);
background:#444;
position: fixed;
top:0;
z-index:1000;
}
#animacion {
position: relative;
overflow:hidden;
/*height:652.09px;*/
height:var(--aalto);
}
#animacion img {

}
.sinanimacion {
height:auto;
transition: 0.5s;
}
#adorno {
height:150px;
background: #C35D15;
}
#contenido {
min-height:500px;
background: #f7f7f7;
}
.espacio	{
height:100px;
background:#444;
}
.marco {
min-height:250px;
}
.marco:nth-child(2n)	{
background:rgba(144, 194, 251, 0.1);
}
.marco:last-child	{
background:#f4f5f5;
}
.topp	{
padding-top:50px!important;
}
.min {
min-height:100px;
}
.after:after	{
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
}
.boxed	{
margin: 0 auto 0 auto;
margin-left: var(--margin);
margin-right: var(--margin);
}
.ancho {
min-height:50px;
margin:auto;
background-color:rgba(0, 0, 0, 0.5);
background-image:url(imgs/bg-ancho2.jpg);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
overflow:hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.caja	{
box-sizing:border-box;
}
aside {
width:330px;
min-height:500px;
float:left;
padding-bottom: 32767px;
margin-bottom: -32767px;
}
footer {
background:#2e2e2e;
overflow: hidden;
}
/********************************************************************************/
/* Cabecera																		*/
/********************************************************************************/
header #cont {
display: flex;
min-height: 50px;
}
header #cont #logo {
flex: 0 0 350px;
height:100px;
float:left;
}
header #cont #logo img {
height:80px;
margin-top:10px;
}
header #cont #der {
width: 100%;
height:100px;
float:left;
}

header,
header #cont,
header #cont #logo,
header #cont #logo img,
header #cont #der,
header #telefono	{
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
-ms-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;
}

header.mini {
height: 50px;
}
header.mini #cont #logo {
height:50px;
}
header.mini #cont #logo img {
height:30px;
}
header.mini #cont #der	{
height:50px;
}
header.mini nav,
header.mini #telefono {
margin-top: 10px;
}

#m {
width:100%;
height: 60px;
display: none;
background:red;
}
.menu	{
height:50px;
margin-top:25px;
box-sizing:border-box;
}
.slicknav_menu {
display:none;
}
.i2	{
display:none;
}
nav	{
margin-top:10px;
padding-right:10px;
float:right;
border-right:1px solid #777;
position:relative;
}
nav ul {
padding:0;
margin:0px ;
list-style-type: none;
overflow:hidden;
}
nav ul li {
height:30px;
margin-right:30px;
position: relative;
display: inline;
float: left;
display:table;
overflow:hidden;
}
nav ul li:last-child {
margin-right:0px;
}
nav ul li a {
color: #fff;
padding: 0;
text-transform: uppercase;
font: normal 17px/17px "Montserrat", "Imperial", Times, serif;
display: table-cell;
vertical-align: middle;
}
nav ul li a:hover {
color: var(--ahover);
}
nav ul li a.activo {
color:#54a0f5;
}
nav ul li:hover .esto {
left: 0;
-webkit-animation: entra 0.2s cubic-bezier(0, 0, 0, 1);
-moz-animation: entra 0.2s cubic-bezier(0, 0, 0, 1);
animation: entra 0.2s cubic-bezier(0, 0, 0, 1);
}
nav  ul li.inicio a {
font-size:30px;
}

#telefono	{
width:auto;
height:30px;
margin-top:35px;
margin-left:15px;
float:right;
display:table;
}
#telefono span	{
display: table-cell;
vertical-align: middle;
font: 16px/1 "OpenSans","Helvetica",sans-serif;
color: #90c2fb;
}

.esto	{
position: absolute;
bottom: 0;
width: 100%;
left: 500%;
border-bottom: 2px solid #54a0f5;
-webkit-animation: sale 0.2s cubic-bezier(0, 0, 1, 0);
-moz-animation: sale 0.2s cubic-bezier(0, 0, 1, 0);
animation: sale 0.2s cubic-bezier(0, 0, 1, 0);
}
@-webkit-keyframes entra {
 from { left:-100%;}
 to { left:0; }
}
@-webkit-keyframes sale {
 from { left:0; }
 to { left:200%; }
}
@keyframes entra {
 from { left:-100%; }
 to { left:0; }
}
@keyframes sale {
 from { left:0; }
 to { left:200%; }
}
/********************************************************************************/
/*	Contenido																	*/
/********************************************************************************/
.marco .bloque {
min-height:450px;
padding: var(--padding);
background:#fff;
border-left:1px solid rgba(204,204,204,0.5);
border-right:1px solid rgba(204,204,204,0.5);
box-sizing:border-box;
}
.marco .minibloque {
min-height:325px;
padding: var(--padding);
border-left:1px solid rgba(204,204,204,0.5);
border-right:1px solid rgba(204,204,204,0.5);
box-sizing:border-box;
}
main {
	
}
article {
color:#333;
}
article .cabecera {
width: 100%;
color: #54a0f5;
text-align:center;
position:relative;
margin-bottom:30px;
}
article .cabecera:after  {
background: rgba(133, 133, 133, 0.5);
content: "";
display: block;
height: 1px;
margin: 20px auto 0px;
}
article .cabecera:before  {
background: var(--elcolor2);
bottom: 31px;
content: "";
display: block;
height: 3px;
left: 50%;
margin: 0 0 0 -50px;
position: absolute;
bottom:-1px;
width: 100px;
}
.cuerpo  p  {
margin-bottom: 20px;
font: 20px/1.5 "OpenSans","Helvetica",sans-serif;
letter-spacing: -0.2px;
color:#777;
outline: 0;
vertical-align: baseline;
white-space: normal;
}
.cuerpo p:last-child {
margin-bottom: 0px;
}
article  ul	{
list-style-type: none;
margin-left:20px;
/*margin-bottom: 21px;*/
}
article  ol {
margin-left:30px;
margin-bottom: 21px;
}
article  ul li,	
article  ol li	{
line-height: 1.7em;
}
article  ul li:before	{
width:20px;
height:20px;
font: 15px/1.3 "iconFont";
content: "\e09b";
margin-right:10px;
background:#e85311;
color:#fff;
display:inline-block;
text-align:center;
}

article h3 {
font-size:20px;
line-height:1;
}

.blq1 {

}
.blq1 .item	{
width:25%;
height:auto;
float:left;
cursor:default;
}
.blq1 .item .img	{
height:150px;
margin-bottom:30px;
text-align:center;
}
.blq1 .item .img img	{
height:100%;
}
.blq1 .item .cab	{
font-size: 1.5em;
margin-bottom:15px;
text-transform:uppercase;
text-align:center;
}
.blq1 .item .txt	{
min-height: 40px;
font: 15px/15px "OpenSans",Helvetica,Arial,sans-serif;
box-sizing: border-box;
}

.blq2 {

}
.blq2 .item	{
width:31.3333%;
margin-right:3%;
float:left;
cursor:default;
}
.blq2 .item:nth-child(3n)	{
margin-right:0;
}
.blq2 .item .img	{
height:auto;
margin-bottom:30px;
text-align:center;
}
.blq2 .item .img img	{
width:100%;
}
.blq2 .item .cab	{
margin-bottom:15px;
font: 18px/1 "OpenSans",Helvetica,Arial,sans-serif;
color:#2d3345;
text-transform:uppercase;
text-align:center;
}
.blq2 .item .txt	{
min-height: 40px;
font: 15px/15px "OpenSans",Helvetica,Arial,sans-serif;
box-sizing: border-box;
}



.ancho .cont {
width: 100%;
height: 500px;
color: #fff;
text-align: center;
background-color: rgba(84,160,245,0.750);
position:relative;
padding-top:50px;
box-sizing:border-box;
}
.ancho .cont .texto {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.ancho span {
font: 90px/1 "Montserrat",Helvetica,Arial,sans-serif;
color: #fff;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
opacity: .2;
position: absolute;
width: 100%;
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-transform:uppercase;
}
.ancho .cont .texto h3 {
font: 22.5px/1 "Montserrat",Helvetica,Arial,sans-serif;
color:#fff;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
margin-bottom:30px;
}
.ancho .cont .texto .uls	{
margin-top:70px;
}
.ancho .cont .texto .ul	{
width:48%;
height:250px;
float:left;
margin-right:4%;
text-align:left;
display:flex;
}
.ancho .cont .texto .ul:nth-child(2n)	{
margin-right:0;
}
.ancho .cont .texto .ul ul	{
width:auto;
display:inline-block;
list-style-type: none;
margin-left:auto;
margin:auto;
/*margin-bottom: 21px;*/
}
.ancho .cont .texto .ul ul li	{
font-size:1.5em;
line-height: 1.5em;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
margin-bottom:30px;
}
.ancho .cont .texto .ul ul li:before	{
width:20px;
height:20px;
font: 15px/1.3 "iconFont";
content: "\e09b";
margin-right:10px;
background:#2b5797;
color:#fff;
display:inline-block;
text-align:center;
}


#l-contacto	{
min-height:200px;
}
#l-contacto .l,
#l-contacto .r	{
width:48%;
min-height:300px;
float:left;
margin-right:4%;
color:var(--elcolor);
box-sizing:border-box;
}

#l-contacto .r	{
margin-right:0;
}
#l-contacto .l .cab,
#l-contacto .r .cab	{
height:40px;
border-bottom: 1px solid var(--elcolor);
font-size:20px;
line-height:20px;
}
#l-contacto .l .cuerpo,
#l-contacto .r .cuerpo	{
min-height:200px;
padding-top:20px;
}

.renglon {
width:100%;
height:70px;
margin-bottom:10px;
display:flex;
align-items: center;
}
.renglon:last-child	{
margin-bottom:0px;
}
.renglon i	{
flex: 0 0 70px;
height:70px;
float:left;
background:var(--elcolor);
color:#fff;
font-size:30px;
line-height:60px;
text-align:center;
margin-right:20px;
}
.renglon .datos	{
width:100%;
height:70px;
float:left;
color:#222;
display:table;
}
.renglon .datos span {
display: table-cell;
vertical-align: middle;
font-size:15px;
line-height:1.2;
}
.renglon .datos span b {
color:var(--elcolor)
}

.grupo {
min-height:30px;
margin-bottom:10px;
position:relative;
}
.grupo:last-child {
margin-bottom:0px;
}
.grupo {
min-height:30px;
position:relative;
}
.grupo label {
width:100%;
font: 16px/1 "OpenSans",Helvetica,Arial,sans-serif;
padding: 0px 5px 5px 0px;
display:inline-block;
color:#fff;
}
.grupo input {
border-radius: 2px;
border: 1px solid #d2d6de;
width: 100%;
height: 35px;
padding: 0 5px 0 50px;
margin-top: 5px;
font: 15px/1 "OpenSans",Helvetica,Arial,sans-serif;
color:#444;
box-sizing:border-box;
}
.grupo textarea {
border-radius: 2px;
border: 1px solid #d2d6de;
width: 100%;
min-width: 100%;
max-width: 100%;
min-height: 105px;
padding: 6px 12px 6px 50px;
margin-top: 5px;
font: 15px/1 "OpenSans",Helvetica,Arial,sans-serif;
color:#444;
box-sizing:border-box;
}
.grupo input:focus,
.grupo textarea:focus {
outline: medium none currentColor;
border-color:#00C3D2;
}
.grupo i {
width:40px;
height:35px;
position:absolute;
top:5px;
left:0;
border-right:1px solid #d2d6de;
font-size:20px;
line-height:35px;
text-align:center;
color:var(--elcolor);;
}
/********************************************************************************/
/*	galerias																	*/
/********************************************************************************/
#l-galerias	{
min-height:200px;
}
.cat-gal{
min-height:40px;
margin-bottom:20px;
}
.cat-gal ul {
padding:0;
margin:0px ;
list-style-type: none;
}
.cat-gal ul li {
height:40px;
display: inline-block;
padding: 0px 14px;
text-transform: uppercase;
color: #323b48;
font: bold 18px/40px 'Oxygen', sans-serif;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .33s;
transition: .3s;
cursor: pointer;
}
.cat-gal ul li:hover {
color: #fff;
background: #1CA1E2;
}
.cat-gal ul li.active {
color: #fff;
background: #1CA1E2;
}

.galerias {
min-height:40px;
margin:-1%;
}
.galerias .item {
width:31.3333%;
height:auto;
margin:1%;
float:left;
position:relative;
overflow:hidden;
cursor:pointer;
border: 1px solid rgba(75,75,75,.5);
box-sizing:border-box;
}

.galerias .item:hover .descripcion {
opacity:1;
}
.galerias .item img {
width:100%;
margin-bottom:-5px;
}
.galerias .item .descripcion {
width: 95%;
height: 95%;
background: rgba(2,143,204,0.75);
text-align: center;
position: absolute;
right: 2.5%;
top: 2.5%;
opacity: 0;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
display:flex;flex-direction: column;
box-sizing:border-box;
}
.galerias .item .descripcion .d {
width:100%;
height:100%;background:red;
display:flex;flex-direction: column;
}
.galerias .item .descripcion h3 {
color:#fff;
font-size:15px;
line-height:15px;
margin:20px;
padding-top:20px;
padding-bottom:20px;
border-bottom:1px solid #f5f5f5;
flex: 0 0 20px;
box-sizing:border-box;
}
.galerias .item .descripcion div {
flex: 1 1 auto;
overflow-y:scroll;
overflow-y:auto;
margin-bottom:15px;
}
.galerias .item .descripcion div p {
color:#fff;
font: 16px/1.5 "OpenSans","Helvetica",sans-serif;
letter-spacing: -0.2px;
padding: 0 20px;
text-align:left;
}
.galerias .item .descripcion div::-webkit-scrollbar {
width: 5px
}

.galerias .item .descripcion div::-webkit-scrollbar-track {
    background: var(--bg)
}

.galerias .item .descripcion div::-webkit-scrollbar-thumb {
    border: 3px solid #0083c1;
}
/********************************************************************************/
/*	footer																		*/
/********************************************************************************/
footer #cont	{
min-height:0px;
}

















footer #copy  {
border-top:1px solid #9a9ca3;
height:50px;
position:relative;
color:#9a9ca3;
}
footer #copy #l,
footer #copy #r {
width:50%;
height:50px;
font: normal 14px/50px "Montserrat", "Imperial", Times, serif;
float:left;
padding-left:20px;
box-sizing:border-box;
}
footer #copy #r {
text-align:right;
padding-right:20px;
}
footer #copy #l a,
footer #copy #r a {
color:#9a9ca3;
}
footer #copy #l a:hover,
footer #copy #r a:hover {
color:#9a9ca3;
}
/********************************************************************************/
/*	General																		*/
/********************************************************************************/
.animacion{
opacity: 0;
}  
.animacion.animated{
opacity: 1;
} 
#IrArriba {
position: fixed;
float:right;	
bottom: 20px;
right: 20px;
}
#IrArriba span {
width: 32px;
height: 32px;
display: block;
text-align:center;
background:var(--elcolor);;
font-size:26px;
font-weight:bold;
line-height:30px;
cursor: pointer;
color:#fff;
}
#IrArriba span:hover {
opacity:.85;
}
#enconstruccion {
background: url("imgs/enconstruccion.jpg") 50% 100px no-repeat transparent;
color: #03326a;
font: bold 30px/1 "Oswald", "Helvetica", sans-serif;
min-height: 425px;
text-align: center;
margin-top: 50px;
}
/****************************************/
.nada {

}
.nada:hover {
cursor:default;
}
p.comentario {
width:100%;
font-weight: 300;
padding: 5px 10px;
letter-spacing: 1px;
border-left-style: solid;
border-left-width: 3px;
border-left-color: var(--elcolor);;
display: inline-block;
background-color: #f1f1f1;
color:var(--elcolor);;
box-sizing:border-box;
}
/****************************************/
.boton {
height:40px;
background-image: none !important;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
box-shadow: none;
filter: none;
font-size: 16px;
line-height:40px;
outline: medium none currentColor !important;
padding: 0px 20px;
text-shadow: none;
}
a.boton {
padding: 9px 20px;
}
.boton:hover {
cursor:pointer;
color:#eee;
}
button:focus,
.boton:focus {
outline: medium none currentColor;
}
textarea:disabled,
input:disabled {
color:#888!important;
background:#f5f5f5;
box-shadow: inset 0px 0px 1px 0px rgba(128,128,128,1);
}
.disabled {
color:#888!important;
background:#e1e1e1;
box-shadow: inset 0px 0px 1px 0px rgba(128,128,128,1);
}
.azul {
background-color: var(--elcolor);
color: #FFFFFF;
}
.azul:hover {
background-color: #0b7eaf;
color: #FFFFFF;
}
.azul:disabled {
background-color: #279fd3;
opacity:0.5;
cursor:default!important;
}
.azul:disabled:hover {
background-color: #279fd3;
opacity:0.5;
cursor:default!important;
}
.blanco {
background-color: #fff;
color: #279fd3;
}
.blanco:hover {
background-color: #fff;
color: #0b7eaf;
}
.blanco:disabled {
background-color: #fff;
opacity:0.5;
cursor:default!important;
}
.blanco:disabled:hover {
background-color: #fff;
opacity:0.5;
cursor:default!important;
}
.oscuro {
background-color: #42454a;
color: #fff;
}
.oscuro:hover {
background-color: #d74937;
color: #fff;
}
.oscuro:disabled {
opacity:0.5;
cursor:default!important;
}
.oscuro:disabled:hover {
background-color: #42454a;
opacity:0.5;
cursor:default!important;
}
.rojo {
background-color: #dd4b39;
color: #fff;
}
.rojo:hover {
background-color: #AD103C;
color: #fff;
}
.rojo:disabled {
opacity:0.5;
cursor:default!important;
}
.rojo:disabled:hover {
background-color: #dd4b39;
opacity:0.5;
cursor:default!important;
}
.b-left	{
float:left;
}
.b-right	{
float:right;
}
/*********************************/
.msg, .msg-p, .msg-r, .msg-v, .msg-ip, .msg-rp, .msg-np  {
width:auto;
height:20px;
padding:10px 25px ;
line-height:20px;
font-size:1em;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
/****************************************/
.clear {
clear:both;
padding:0;
margin:0;
height:0;
}
span.info  {
border-left:4px solid #2672EC; 
display:block; 

padding-left:6px;
color:#2672EC;
}
span.alerta  {
border-left:4px solid #E56C19; 
display:block; 

padding-left:6px;
color:#E56C19;
}
span.error  {
border-left:4px solid #B81B1B; 
display:block; 

padding-left:6px;
color:#B81B1B;
}
span.bl  {
border-left:4px solid #fff; 
display:block; 

padding-left:6px;
color:#fff;
}
span.ok  {
border-left:4px solid #008A00; 
display:block; 

padding-left:6px;
color:#008A00;
}
/****************************************/
#carrusel {
overflow:hidden;
}
img.fotito {
width: 100%;
margin-bottom:15px;
}
img.cien {
width: 100%;
}
img.left {
width:48%;
float: left;
margin-top:10px;
margin-right:20px;
box-shadow:none;
}
img.right {
width:48%;
float: right;
margin-top:10px;
margin-left:20px;
box-shadow:none;
}
div.left{
width:50%; float:left; heigth:auto; padding:10px 0
}
/****************************************/
.sinanimacion {
position:relative;
overflow:hidden;
transition: 0.5s;
background:rgba(0,0,0,1);
}
.sinanimacion img {
width:100%;
opacity:.95;
margin-bottom:-5px;
}
.sinanimacion .baseC {
width:50%;
min-height:50px;
position:absolute;
top:30%;
left:50%;
margin-left: -25%;
}
.sinanimacion .baseC .titulo {
width:100%;
text-align:center;
text-transform: uppercase;
font: normal 50px/1 "Montserrat", "Imperial", Times, serif;
color:#ffc40d;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
}
.sinanimacion .baseC .cont {
width:100%;
text-align:center;
text-transform: uppercase;
font: normal 30px/1.1 "Raleway", "Imperial", Times, serif;
color:#fff;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
margin-top:30px;
}
/***************************/
.base {
height:100%;margin-top:10%;
position:relative;

}
.base .cont {
width:100%;
text-align:center;
}
.base .imagen {
width: 150px;
height: 150px;
position: absolute;
top:5%;
right: 0;
z-index: 1;
opacity: 0;
transition: 0.5s;
}
.base .cont .titulo {
width: 100%;
/*margin-top:20%;*/
transition: 0.5s;
}
.base .cont .titulo h4 {
width:auto;
display:inline-block;
font: bold 40px/1.1 "PTSerif", "arial", "Georgia", serif;
text-transform: uppercase;
color:#fff; *cc6633*/

box-sizing:border-box;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
}
.base .cont .texto {
width: 100%;
height: auto;
margin-top:10px;

transition: 0.5s;
}
.base .cont .texto p {
font: 30px/1.1 "Omnes","Helvetica",sans-serif;
letter-spacing: 1px;
outline: 0;
vertical-align: baseline;
color:#f9f9f9;
white-space: normal;text-shadow: 0px 1px 1px rgba(0, 0, 0, 1); 
}
.base .cont .texto p:last-child {
margin-bottom:0px;
}
.izq {
float:left;
text-align:left;
}
.der {
float:right;
text-align:left;
}
/****************************************/
.alertify-show,
.alertify-log {
-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}
.alertify-hide {
-webkit-transition: all 250ms cubic-bezier(0.600, 0, 0.735, 0.045); /* older webkit */
-webkit-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
-moz-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
-ms-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
-o-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-cover {
position: fixed; z-index: 99999;
top: 0; right: 0; bottom: 0; left: 0;
}
.alertify {
position: fixed; z-index: 99999;
top: 75px; left: 50%;
width: 500px;
margin-left: -250px;
}
.alertify-hidden {
top: -50px;
visibility: hidden;
	}
.alertify-logs {
position: fixed;
z-index: 5000;
bottom: 10px;
right: 10px;
min-width: 150px;
}
.alertify-log {
display: block;
margin-top: 10px;
position: relative;
right: -300px;
}
.alertify-log-show {
right: 0;
}
.alertify-dialog {
padding:0 25px 25px;
}
.alertify-resetFocus {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.alertify-inner {
text-align: center;
}
.alertify-inner p {
margin-bottom:20px;
}
.alertify-text {
margin-bottom: 15px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 100%;
}
.alertify-buttons {
}
.alertify-button {
/* line-height and font-size for input button */
line-height: 1.5;
font-size: 100%;
display: inline-block;
cursor: pointer;
margin-left: 5px;
}

@media only screen and (max-width: 680px) {
.alertify,
.alertify-logs {
min-width: 150px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.alertify {
left: 5%;
margin: 0;
}
}

/**
 * Default Look and Feel
 */
.alertify,
.alertify-log {
	font-family: sans-serif;
}
.alertify {
background: #FFF;
border: 2px solid #ddd; /* browsers that don't support rgba */
border: 2px solid rgba(0,0,0,.150);
border-radius: 2px;
box-shadow: 3px 3px 10px rgba(0,0,0,.3);
-webkit-background-clip: padding;     /* Safari 4? Chrome 6? */
-moz-background-clip: padding;     /* Firefox 3.6 */
background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
}
.alertify-text {
border: 1px solid #CCC;
padding: 10px;
border-radius: 4px;
}
.alertify-message {
margin-bottom:20px;
}
.alertify-button {
color: #FFF;
font-weight: bold;
padding: 6px 15px;
text-decoration: none;
background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
background-image:    -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
background-image:     -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
background-image:      -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
background-image:         linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
}
.alertify-button:hover,
.alertify-button:focus {
outline: none;
background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
background-image:    -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
background-image:     -ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
background-image:      -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
background-image:         linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
}
.alertify-button:active {
position: relative;
top: 1px;
}
.alertify-button-cancel {
background-color: #fff;
border: 1px solid #e7eaec;
color:#1ab394;
}
.alertify-button-ok {
background-color: #1ab394;
border: 1px solid #1ab394;
}
.alertify-button-ok:hover {
color: #f1f1f1;
}
.alertify-button-cancel:hover {
color: #1ab394;
}
.alertify-log {
background: rgba(0,0,0,.75);
padding: 18px 7.5px;
border-radius: 0px;
color: #FFF;
text-shadow: -1px -1px 0 rgba(0,0,0,.5);
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.40);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.40);
}
.alertify-log-alerta {
background: rgba(243, 156, 18, 0.75);
}
.alertify-log-info {
background: #3c8dbc;
}
.alertify-log-error {
background: #b81b07;
background: rgba(184,27,7,.75);
}
.alertify-log-success {
background: #007917;
background: rgba(53,137,64,.75); /*#1ab394*/
}
/****************************************/
#precarga {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999999;
background-color: #fff;
}
#centro{
width: 100%;
height: 100%;
position: relative;
}
#cargando {
position: absolute;
left: 50%;
top: 50%;
height: 150px;
width: 150px;
margin-top: -75px;
margin-left: -75px;
}
.carga,
.carga:after {
border-radius: 50%;
width: 10em;
height: 10em;
}
.carga {
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top: 1.1em solid rgba(84, 160, 245, 0.2);
border-right: 1.1em solid rgba(84, 160, 245, 0.2);
border-bottom: 1.1em solid rgba(84, 160, 245, 0.2);
border-left: 1.1em solid var(--elcolor);;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load 1.1s infinite linear;
animation: load 1.1s infinite linear;
}
@-webkit-keyframes load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/****************************************/
#chat {
width:300px;
height:30px;
position:fixed;
bottom:0;
right:20px;
background:#f1f1f1;
z-index:10;
}
.chat-alto {
height:340px;
}
#chat .cab {
height:32px;
font: 15px/31px "Times New Roman ", "arial", "Georgia", serif;
color:#fff;
padding:0 10px 0 10px;
background:#1B58B8;
}
#chat .cab:before {
font: normal 15px/15px "FontAwesome", "Helvetica", sans-serif;
content: "\f0e0";
text-decoration: inherit;
color:#fff;
margin-right:10px;
color:#fff;
}
#chat .cont {
height:100%;
padding:15px;
font: normal 13px/1.1 "OpenSans", "Georgia", serif;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
color:#333;
}
#chat .cab i.abrir,
#chat .cab i.cerrar {
width:32px;
height:32px;
position:absolute;
top:0px;
right:0;
cursor:pointer;
background:#1B58B8;
text-align:center;
}
#chat .cab i.abrir:before {
font: normal 20px/30px "FontAwesome", "Helvetica", sans-serif;
content: "\f067";
text-decoration: inherit;
color:#fff;
}

#chat .cab i.cerrar:before {
width:32px;
height:32px;
position:absolute;
top:5px;
right:0;
font: normal 20px/20px "FontAwesome", "Helvetica", sans-serif;
content: "\f068";
text-decoration: inherit;
color:#fff;
}

.chat-grupo {
min-height:20px;
margin-bottom: 10px;
}
.chat-grupo label {
color:#1B58B8;
}
.chat-grupo .input {
width:100%;
border-radius: 2px;
border: 1px solid #C3C5C9;
height: 25px;
padding: 0 2px;
margin-top:5px;
box-sizing:border-box;
}
.chat-aviso {
width:100%;display:inline-block;
font-size:13px;
}
.chat-nombre {
width:100%;
border-radius: 2px;
border: 1px solid #C3C5C9;
height: 25px;
padding: 0 2px;
box-sizing:border-box;
}
.chat-correo {
width:100%;
border-radius: 2px;
border: 1px solid #C3C5C9;
height: 25px;
padding: 0 2px;
box-sizing:border-box;
}
.chat-texto {
width:100%;
border-radius: 2px;
border: 1px solid #C3C5C9;
height: 60px;
padding: 2px;
box-sizing:border-box;
}
.chat-msg {
min-width:150px;
padding:5px 10px 0 20px ;
height:20px;
float:left;
line-height:20px;
font-size:1em;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

.chat-nombre:focus, .chat-correo:focus, .chat-texto:focus, .input:focus, .chat-grupo .area:focus, .ch-texto:focus  {
border-bottom-color: #00C3D2;
border-left-color: #00C3D2;
border-right-color: #00C3D2;
border-top-color: #00C3D2;
outline: medium none currentColor;
}


.chat-grupo .icono {
width:40px;
height:40px;
float:left;
}
.chat-grupo .icono img {
width:100%;
}
.chat-grupo .leyenda {
width:210px;
height:40px;
margin-left:15px;
float:left;
display:table;
}
.chat-grupo .leyenda span {
display: table-cell;
vertical-align: middle;
font: 13px/16px "arial", "Georgia", serif;
color:#333;
}
.chat-grupo .span {
font: 13px/1.2 "arial", "Georgia", serif;
color:#333;
}
.chat-grupo .area {
width:100%;
max-width:100%;
border-radius: 2px;
border: 1px solid #C3C5C9;
height: 45px;
max-height: 45px;
padding: 5px;
margin-top:5px;
box-sizing:border-box;
}
.chat-grupo .enviar {
width:100%;
height:30px;
text-align:center;
border:none;
background-color: #279fd3;
font: 13px/1 "arial", "Georgia", serif;
color:#fff;
}
.chat-grupo .enviar:hover {
background-color: #279fd3;
opacity:.75;
cursor:pointer;
}

.linea {
border-bottom:1px solid #ccc;
padding-bottom:10px;
}
/****************************************/
.mapa {
height:var(--gmapas);
background:var(--elcolor);
}
.mapa iframe {
width:100%;
height:100%;
}
/****************************************/