/*		www.sidmac.com		*/

@font-face{    font-family: 'Metro Headline';			src: url("fuentes/headling.woff"); }
@font-face{    font-family: 'Novello';						src: url("fuentes/novello.otf"); }
@font-face{    font-family: 'Roboto';						src: url("fuentes/roboto.ttf"); }
@font-face{    font-family: 'RobotoBlab';				src: url("fuentes/robotobold.html"); }
@font-face{    font-family: 'Ubuntu';						src: url("fuentes/ubuntu.ttf"); }
@font-face{    font-family: 'BebasNeue';				src: url("fuentes/BebasNeue.otf"); }
@font-face{    font-family: 'Oswald';						src: url("fuentes/oswald.woff"); }
@font-face{    font-family: 'Federo';						src: url("fuentes/federo.woff"); }
@font-face{    font-family: 'SquadaOne';				src: url("fuentes/SquadaOne.ttf"); }
@font-face{    font-family: 'Fjalla';						src: url("fuentes/FjallaOne.ttf"); }
@font-face{    font-family: 'FontAwesome';			src: url("fuentes/fontawesome.woff"); }
@font-face{    font-family: 'Pathway Gothic One';	src: url("fuentes/PathwayGothicOne.ttf"); }
@font-face{    font-family: 'OpenSans';					src: url("fuentes/opensans.html"); }
@font-face{    font-family: 'iconFont';					src: url("fuentes/iconfont.ttf"); }
@font-face{    font-family: 'Lato';							src: url("fuentes/lato.ttf"); }
@font-face{    font-family: 'Montserrat';				src: url("fuentes/montserrat.otf"); }
@font-face{    font-family: 'Poppins';					src: url("fuentes/Poppins.ttf"); }
@font-face{    font-family: 'Icons';						src: url("fuentes/icons.woff"); }
@font-face{    font-family: 'Ioni';							src: url("fuentes/ionicons.ttf"); }
@font-face{    font-family: 'Flaticon';					src: url("fuentes/Flaticon.woff"); }
@font-face{    font-family: 'Bistro';						src: url("fuentes/bistro-icons.ttf"); }
@font-face{    font-family: 'PTSerif';						src: url("fuentes/PTSerif.ttf"); }
@font-face{    font-family: 'Raleway';					src: url("fuentes/Raleway.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;
}

body {
background:#f7f7f7;
margin: 0px;
color: #747474;
font: 16px/22px "OpenSans", Helvetica, Arial, sans-serif;
}

h1 { 
color: #1889c1;
font: bold 25px/1 "Lato", "arial", "Georgia", serif;
margin: 0px;
padding: 0px;
font-weight: 700;
text-transform: uppercase;
}

h2,h3,h4, h5	{
font: normal 30px/1 "Ubuntu", "arial", "Georgia", serif;
color: #1889c1;
text-transform: uppercase;
}

img a { 
border:0;
}

ul {

}
a {
color:#079bbb;
text-decoration:none;
}
a:hover {
color:#079bbb;
}

.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;
}
.ico {
display: inline-block;
font: normal 14px/1 Icons;
font-size: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.io {
display: inline-block;
font: normal 14px/1 Ioni;
font-size: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ho {
display: inline-block;
font: normal 14px/1 Medic;
font-size: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fla {
display: inline-block;
font: normal 14px/1 Flaticon;
font-size: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.bi {
display: inline-block;
font: normal 14px/1 Bistro;
font-size: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.fa-lg {
font-size: 1.33333333em;
line-height: 0.50em;
vertical-align: -15%;
}
.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";
}
/**************************/
.pro:before {
content: "\e677";
}
.ase:before {
content: "\e041";
}
.seg:before {
content: "\e6d2";
}
.ubi:before {
content: "\e6d1";
}
.cor:before {
content: "\e619";
}
.not:before {
content: "\e009";
}

.i-casa:before {
content: "\f107";
}
.i-piso:before {
content: "\f11c";
}
.i-base:before {
content: "\f104";
}
.i-consu:before {
content: "\f140";
}
/**************************/
.io-ubi:before {
content: "\f456";
}
.io-reloj:before {
content: "\f402";
}
.io-mail:before {
content: "\f423";
}
.io-tel:before {
content: "\f4b9";
}
/**************************/
.h-uno:before {
content: "\e935";
}
.h-dos:before {
content: "\e9f5";
}
.h-tres:before {
content: "\e934";
}
.h-cuatro:before {
content: "\e964";
}
.h-cinco:before {
content: "\e932";
}
/**************************/
.fla-comida:before {
content: "\f10e";
}
.fla-eventos:before {
content: "\f108";
}
.fla-bodas:before {
content: "\f103";
}
.fla-pastel:before {
content: "\f102";
}
.fla-xv:before {
content: "\f106";
}
/**************************/
.bi-xv:before {
content: "\e67e";
}
/**************************/
.if-fd:before {
content: "\e628";
}
/********************************************************************************/
/*	Base																		*/
/********************************************************************************/
#contenedor {
/*
width: 1280px;
min-height:740px;
margin: 20px auto;
background:#fff;
box-shadow: 5px 0px 30px rgba(0, 0, 0, 0.196), -5px 0px 50px rgba(0, 0, 0, 0.196);
*/
}
#arriba{
height:30px;
background: #444;
}
header {
min-height: 90px;
background: rgba(22,163,243,0.1) url(imagenes/bg-8.png) no-repeat;
}
#animacion {
position: relative;
overflow:hidden;
height:0;
}
#animacion img {

}
.sinanimacion {
height:auto;
transition: 0.5s;
}
#adorno {
height:150px;
background: #C35D15;
}
#contenido {
min-height:500px;
background: #f7f7f7;
}
.marco {
min-height:40px;
background: transparent;
padding-bottom: 50px;
padding-bottom: 50px;
box-sizing:border-box;
}
.top	{
padding-top:50px!important;
}
.min {
min-height:500px;
}
.after:after	{
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
}
.boxed	{
width:1300px;
margin: auto;
}
.ancho {
min-height:50px;
margin:auto;
background-color:rgba(0, 0, 0, 0.5);
background-image:url(imagenes/bg-ancho.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 {
border-top:7px solid #1889c1;
background: #333;
overflow: hidden;
}
/********************************************************************************/
/* Cabecera																		*/
/********************************************************************************/
header #arriba .cont,
header #arriba .cont .l a {
color:#f1f1f1;
}
header #arriba .cont .l {
width:50%;
height:30px;
float:left;
font: normal 14px/1 "Montserrat", "Imperial", Times, serif;
display:table;
}
header #arriba .cont .l span {
display: table-cell;
vertical-align: middle;
}

header #arriba .cont .r {
width:50%;
height:30px;
float:left;
text-align:right;
}
header #arriba .cont .r .redes {
width:auto;
height:30px;
margin-top:5px;
float:right;
}
header #arriba .cont .r .redes a {
width:20px;
height:20px;
float:left;
margin-left:5px;
background:#009fec;
text-align:center;
display:table;
}
header #arriba .cont .r .redes a:hover {
background:#2e5797;
}
header #arriba .cont .r .redes i {
display: table-cell;
vertical-align: middle;
color:#fff;
}
header #arriba .cont .r .dir {
padding-left:10px;
font: normal 13px/40px "Montserrat", "Imperial", Times, serif;
color:#fff;
}

header #cont {
min-height: 120px;
}
header #cont #logo {
width:300px;
height:120px;
float:left;
text-align:left;
}
header #cont #logo img {
height:100px;
margin-top:10px;
}

header #cont #der {
width:1000px;
height:120px;
float:left;
}
header #cont #der .cont {
width:auto;
height:80px;
float:right;
margin-top:20px;
padding:0 10px;
}
#der .cont .bloque {
min-width: 100px;
max-width: 400px;
height: 80px;
margin: 0 2px;
padding: 0 20px;
float: left;
font: normal 15px/1 "Novello", "Imperial", Times, serif;
color:#fff;
/*color: #009fec;*/
background:rgba(22,163,243,0.5);
}
#der .cont .bloque:first-child {
margin-left: 0;
}
#der .cont .bloque:last-child {
margin-right: 0;
}
#der .cont .bloque:hover {
background:rgba(22,163,243,0.75);
color:#fff;
cursor:default;
}

#der .cont .bloque i {
width:auto;
height:80px;
margin-right:15px;
font-size:40px;
line-height:80px;
float:left;
}
#der .cont .bloque .d {
width:auto;
height:80px;
float:left;
padding-right:10px;
display:table;
}
#der .cont .bloque .d p {
width:100%;
display: table-cell;
vertical-align: middle;
font: normal 20px/1.2 "Raleway", "Imperial", Times, serif;
}
#der .cont .bloque .d .horario {
font-size:17px;
line-height:17px;
}

#nav	{
width:100%;
height:70px;
display:none;
}
#m {
height: 50px;
background: #1889c1;
display: none;
position: relative;
}
nav {
width:100%;
height:50px;
position:relative;
box-sizing:border-box;
background:#1889c1;
z-index:101;
}
nav ul {
margin:0px 0px 0px 20px ;
list-style-type: none;text-align:left;
position:relative;
}
nav ul li {
height:50px;
position: relative;
float: left;
margin-right:1px;
box-sizing:border-box;
display:table;
}
nav ul li:last-child {
margin-right:0px;
}
nav ul li a {
display: block;
color: #fff;
padding:0 12px;
font: bold 20px/1 "PTSerif", "Arial", Times, serif;
letter-spacing: 0px;
display: table-cell;
vertical-align: middle;
}
nav ul li a:hover {
background: #367fa9;
color:#fff;
}
nav ul li.actual {
background: #367fa9;
color:#fff;
}

nav ul li ul	{
width: 250px;

position: absolute;
left: 0;
display: block;
visibility: hidden;
z-index:500;
margin: 0;
padding:0 0 0 0;
}

nav ul li ul li {
height:45px;
background: #336699;
display: list-item;
float: none;/*display: inline;*/
border-right: none;
margin: 0px;
width: 100%;
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
display:table;
}

nav ul li ul li a {
margin: 0;
border-top-width: 0;
font: normal 14px/1.1 "Oswald", "Imperial", Times, serif;
color:#fff;
display: table-cell;
vertical-align: middle;text-transform: uppercase;
}

nav ul li ul li a:hover{ 
color: #fff;
background:#224171;
}
nav ul li ul li:first-child{
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
nav ul li ul li:last-child{
border-radius: 0 0 3px 3px;
}
nav ul li ul li:last-child > a:hover {
border-radius: 0 0 3px 3px;
}
nav ul li.inicio a {
font-size: 30px;
}
nav.sticky {
position: fixed;
}
.i2	{
display:none;
}
.flechaabajo{
width:15px;
height:15px;
text-align:center;
}
.flechader{
position: absolute;
top: 9px;
right: 5px;
}
.flechaabajo:before	{
font: 17px/1 "Ioni";
content: "\f123";
margin-left:10px;
color:#FFF;
}
/********************************************************************************/
/*	Contenido																	*/
/********************************************************************************/
main {
	
}

article {
color:#333;
}

article .encabezado {
width: 100%;
margin-bottom: 30px;
position:relative;
color: #333;
}
article .encabezado:after {
width: 200px;
position: absolute;
content: '';
display: block;
left: 0px;
bottom: -15px;
height: 3px;
background-color: #1889c1;
-webkit-transform: skewX(-45deg);
-ms-transform: skewX(-45deg);
-o-transform: skewX(-45deg);
-moz-transform: skewX(-45deg);
transform: skewX(-45deg);
}
article  p  {
margin-bottom: 15px;
font: 18px/1.3 "OpenSans","Helvetica",sans-serif;
letter-spacing: -0.2px;
outline: 0;
vertical-align: baseline;
white-space: normal;
}
article 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:#336699;
color:#fff;
display:inline-block;
text-align:center;
}

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

.fotos	{
min-height:100px;
margin-top:-2%;
}
.fotos .img	{
width:10.75%;
height:78px;
margin-top:2%;
margin-right:2%;
position: relative;
overflow: hidden;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.35);;
float:left;
}
.fotos .img img	{
width: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
transition: all 0.25s ease-in-out 0s;
margin-bottom: -5px;
transition: 0.4s;
}
.fotos .img:nth-child(8n)	{
margin-right:0;
}

.fotos2	{
min-height:100px;
}
.fotos2 .img	{
width:15%;
height:140px;
margin-right:2%;
position: relative;
overflow: hidden;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.35);;
float:left;
}
.fotos2 .img img	{
width: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
transition: all 0.25s ease-in-out 0s;
margin-bottom: -5px;
transition: 0.4s;
}
.fotos2 .img:nth-child(8n)	{
margin-right:0;
}

.toldos	{

}
.toldo	{
width:49%;
height:200px;
margin-top:2%;
margin-right:2%;
float:left;
}
.toldo:nth-child(2n)	{
margin-right:0;
}
.toldo img	{
width:300px;
height:200px;
float:left;
padding:3px;
border:1px solid #ddd;
box-sizing:border-box;
}
.toldo .txt	{
width:335px;
height:200px;
float:left;
padding-left: 20px;
box-sizing:border-box;
}
.toldo .txt h3	{

margin-bottom:10px;
}
.toldo .txt p	{
font-size:16px;
line-height:18px;
}

hr {
border: 0; 
height: 1px; 
margin-top:40px;
margin-bottom:40px;
background-image: -webkit-linear-gradient(left, #f0f0f0, #3892cf, #f0f0f0);
background-image: -moz-linear-gradient(left, #f0f0f0, #3892cf, #f0f0f0);
background-image: -ms-linear-gradient(left, #f0f0f0, #3892cf, #f0f0f0);
background-image: -o-linear-gradient(left, #f0f0f0, #3892cf, #f0f0f0); 
text-align: center;
}
hr:after {
content:"BR"; 
position: relative; 
top: -12px; 
display: inline-block; 
width: 30px; 
height: 20px; 
padding: 50; 
border-radius: 3px; 
background:rgba(25,149,204,0.85);
color: #fff; 
font: 15px/20px "Omnes","Helvetica",sans-serif;
}

.blq1 {
background:#16a3f3;
}
.blq1 .item	{
width:25%;
float:left;
padding:30px;
font: 18px/1.3 "OpenSans","Helvetica",sans-serif;
color:#fff;
cursor:default;
}
.blq1 .item .img	{
width:110px;
height:110px;
margin:0 auto 20px auto;
text-align:center;
border:3px solid #fff;
display:table;
}
.blq1 .item .img i	{
font-size:70px;
display: table-cell;
vertical-align: middle;
}
.blq1 .item .cab	{
color: #ffffff;
font-size: 25px;
line-height:1.1;
margin-bottom:30px;
text-align:center;
text-transform: uppercase;
position:relative;
}
.blq1 .item .cab:after	{
position: absolute;
content: '';
display: block;
left: 0px;
bottom: -15px;
width: 100%;
height: 3px;
background-color: #fff;
-webkit-transform: skewX(-45deg);
-ms-transform: skewX(-45deg);
-o-transform: skewX(-45deg);
-moz-transform: skewX(-45deg);
transform: skewX(-45deg);
}

.ancho .cont	{
height:400px;
color:#fff;
position:relative;
display:table;
text-align:center;
background:rgba(27, 88, 184, 0.25);
}
.ancho .cont span b {
font: bold 35px/2 "Fjalla",Helvetica,Arial,sans-serif;
}
.ancho .cont span { 
display: table-cell;
vertical-align: middle;
font: bold 20px/2 "Fjalla",Helvetica,Arial,sans-serif;
text-transform: uppercase;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
letter-spacing: 2px;
}

.blq3	{
min-height:100px;
}
.blq3 h2 	{
text-align:center;
margin-bottom:30px;
}
.blq3 p 	{
font: normal 18px/1.2 "OpenSans",Helvetica,Arial,sans-serif;
}

.blq4	{
min-height:100px;
}
.blq4 .item	{
width:32%;
min-height:200px;
float:left;
margin-right:2%;
}
.blq4 .item:nth-child(3n)	{
margin-right:0;
}
.blq4 .item .img	{
width:100%;
height:auto;
}
.blq4 .item .img img	{
width:100%;
margin-bottom:-5px;
}
.blq4 .item .txt	{

}
.blq4 .item .txt span	{
margin-bottom: 15px;
margin-top: 28px;
font-size:22px;
display:inline-block;
}
.blq4 .item .txt p	{

}
/********************************************************************************/
/*	footer														*/
/********************************************************************************/
footer #cont	{
min-height:100px;
color:#9a9ca3;
margin-bottom:40px;
}
footer #cont .bloque {
width: 30.6666%;
height:auto;
float:left;
cursor:default;
font: normal 18px/1.1 "Federo", "Imperial", Times, serif;
letter-spacing: 1px;
margin-right:4%;
padding-top:30px;
box-sizing: border-box;
}
footer #cont .bloque:nth-child(3n) {
margin-right:0;
}
footer #cont .bloque .cab {
font-weight:bold;
font-size:22px;
margin-bottom:30px;
color:#f5f5f5;
}
footer #cont .bloque .txt	{

}
footer #cont .bloque .txt .redes	{
width:50px;
height:50px;background:#1889c1;
margin-right:20px;
text-align:center;
float:left;
display:table;
}
footer #cont .bloque .txt .redes a:hover	{
background:#fff;
color:#1889c1;
}
footer #cont .bloque .txt .redes	:last-child	{
margin-right:0;
}
footer #cont .bloque .txt .redes a	{
display: table-cell;
vertical-align: middle;
color:#fff;
}
footer #cont .bloque .txt .redes a i	{
font-size:35px;
line-height:50px;
}

footer #copy  {
border-top:1px solid #2e5797;
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:#009fec;
font-size:26px;
font-weight:bold;
line-height:30px;
cursor: pointer;
color:#fff;
}
#IrArriba span:hover {
opacity:.85;
}
#enconstruccion {
background: url("imagenes/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: 10px;
letter-spacing: 1px;
border-left-style: solid;
border-left-width: 3px;
border-left-color: #006699;
display: inline-block;
background-color: #f1f1f1;
color:#006699;
box-sizing:border-box;
}
/******************/
.sitemap {
padding:10px;
font-size:15px;
}
.sitemap ul {
color:#ae2803;
list-style:none;
padding-left:10px;
}
.sitemap ul li	{
padding:0px 10px 10px 10px;
font-weight: bold;
}
.sitemap ul li:before	{
font: 18px/1 "FontAwesome"!important;
content: "\f105"!important;
margin-right:10px;
color:#002f67;
background:none;
}
.sitemap ul li a	{
color:#808080;
}
.sitemap ul li a:hover{
color:#2e5797;
}
.sitemap ul li ul {
margin:10px;
}
.sitemap ul li li {
padding:4px 0 0px 10px;
font-weight: normal;
}
.sitemap ul li li:before	{
font: 18px/1 "FontAwesome"!important;
content: "\f107"!important;
margin-right:10px;
color:#002f67;
background:none;
}
.sitemap ul li li a{
color:#808080;
}
.sitemap ul li li a:hover{
color:#2e5797;
}
/****************************************/
.contacto {
font: bold 12px/12px "Arial", "Verdana", sans-serif;
position:relative;
margin-top:30px;
}
.contacto .img_correo {
width:150px;
height:150px;
position:absolute;
top:25px;
right:90px; 
}
.contacto .img_correo img {
border:none;
}
.contacto .img_correo2 {
width:150px;
height:150px;
position:absolute;
top:25px;
right:90px;
border:none;
}
.contacto .img_correo2 img {
border:none;
}
.contacto .campo {
border-radius: 2px;
border:1px solid #C3C5C9;
width:50%;
height:35px;
padding:0 5px;
margin-top:5px;
box-sizing: border-box;
font: 18px/1 "OpenSans",Helvetica,Arial,sans-serif;
}
.contacto .campito {
width:60px !important;
height:25px;
text-align:center;
font: normal 15px/15px "Oswald", sans-serif;
}
.contacto .select {
border-radius: 2px;
border: 1px solid #d2d6de;
width:50%;
height: 35px;
padding: 0 5px;
margin-top: 5px;
font: 18px/1 "OpenSans",Helvetica,Arial,sans-serif;
color: #444;
background: rgba(255, 255, 255, 0.5) url(imagenes/abajo1.png) center right no-repeat;
-moz-appearance: none;
-webkit-appearance: none;
position: relative;
box-sizing: border-box;
}
.contacto .captcha {
position:absolute;
top:16px;
left:80px;
}
.contacto .area {
border-radius: 2px;
border:1px solid #C3C5C9;
width:100%;
height:200px;
margin-top:5px;
margin-bottom:10px;
padding:10px;
font: normal 14px/15px "Verdana", sans-serif;
box-sizing: border-box;
}
#buscador input,
.contacto .campo:focus, .contacto .area:focus, .contacto .select:focus {
border-bottom-color: #00C3D2;
border-left-color: #00C3D2;
border-right-color: #00C3D2;
border-top-color: #00C3D2;
outline: medium none currentColor;
}
.contacto .b {
margin-top:15px;
position:relative;
}
.contacto .b .mensaje {
color: red;
font: 700 11px/30px "Verdana", sans-serif;
height: 30px;
left: 80px;
position: absolute;
text-align: left;
width: 300px;
}
/****************************************/
.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: #279fd3;
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 {

}
.sinanimacion img {
width:100%;
margin-bottom:-5px;
}
.sinanimacion .baseC {
width:60%;
min-height:50px;
position:absolute;
top:150px;
left:50%;
margin-left: -30%;
}
.sinanimacion .baseC .titulo {
width:100%;
text-align:center;
text-transform: uppercase;
font: normal 40px/1 "Fjalla", "Imperial", Times, serif;
color:#fff;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);
}
.sinanimacion .baseC .cont {
width:auto;
text-transform: uppercase;
font: normal 20px/1 "Raleway", "Imperial", Times, serif;
color:#fff;
margin-top:10px;
padding:10px;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); 
}
/***************************/
.base {
height:100%;
position:relative;

}
.base .cont {
width:50%;
}
.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:100px;
transition: 0.5s;
}
.base .cont .titulo h4 {
width:auto;
display:inline-block;
font: bold 50px/1.1 "PTSerif", "arial", "Georgia", serif;
text-transform: uppercase;
color:#ff5722; *cc6633*/

box-sizing:border-box;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
}
.base .cont .texto {
width: auto;
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;
}
/****************************************/
.div	{
margin-bottom:20px;
}
.div:last-child	{
margin-bottom:0px;
}
.mitad	{
width:49%;
height:auto;
margin-right:2%;
float:left;
}
.mitad:nth-child(2n)	{
margin-right:0;
}
.todo	{
width:100%;
height:auto;
}
.div h3	{
font-size:17px;
background:#1889c1;
color:#fff;
padding:5px 5px 5px 10px;
margin-bottom:20px;
}
/****************************************/

/****************************************/

/****************************************/

/****************************************/




/*****************************************/
.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: 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*/
}
/*****************************************/

/***************************************************/
/*			Chat																						 */
/***************************************************/
#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;
font: normal 13px/1.1 "Montserrat", "Helvetica", sans-serif;
}
.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;
}

.chat-grupo {
min-height:20px;
margin-top: 5px;
}
.chat-grupo label {
color:#1B58B8;
}
.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%;
max-width:100%;
min-width:100%;
border-radius: 2px;
border: 1px solid #C3C5C9;
height: 80px;
min-height: 80px;
max-height: 80px;
padding: 5px;
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  {
border-bottom-color: #00C3D2;
border-left-color: #00C3D2;
border-right-color: #00C3D2;
border-top-color: #00C3D2;
outline: medium none currentColor;
}

.chat-ventana	{
height:230px;
background:#fff;
padding:5px;
margin-bottom:5px;
border: 1px solid #BCE8F1;
overflow-y:scroll;
overflow-wrap: break-word;
}
.ch-texto	{
border: 1px solid #BCE8F1;
width: 100%;
height: 35px;
padding-left:5px;
padding-right:5px;
font: 18px/1 "OpenSans",Helvetica,Arial,sans-serif;
color: #444;
box-sizing:border-box;
}

.servidor 	{
color:#d74937;
margin-bottom:10px;
}
.ch-msg:first-child	{
padding-top:0;
}
.ch-msg:first-child	{
padding-top:0;
}
.ch-msg	{
min-height:30px;
border-bottom:1px solid #eee;
padding-top:5px;
padding-bottom:5px;
line-height:1.5;
}
.ch-msg:last-child	{
border-bottom:none;
}
.ch-msg span	{
font-weight:bold;
}
.adm	{
color:#d74937;
}
.usu	{
color:#1b93e1;
}
/*****************************************/
#icono-chat	{
display:none;
}
.fa-chat	{
margin-left:20px;
color:yellow;
}
/*****************************************/
#scroll::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);

background-color: #f9f9f9;
}
#scroll::-webkit-scrollbar {
width: 5px;
background-color: #F5F5F5;
}
#scroll::-webkit-scrollbar-thumb {
border-radius: 1px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #1b58b8;
}
/****************************************************/
/*													*/
/****************************************************/
.hawaii	{
width:33.3333%;
box-sizing:border-box;
}


/*****************************************/