/*		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/RobotoBold.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.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: 'Stroke';				src: url("fuentes/Pe-icon-7-stroke.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 {
margin: 0px;
color: #5d5d5d;
font: 16px/1.2 "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {
color: #501616;
font: 30px/1 "Montserrat", "arial", "Georgia", serif;
margin: 0px;
text-transform: uppercase;
}

h2, h3, h4, h5{ 
font: 20px/1 "Montserrat", "arial", "Georgia", serif;
text-transform: uppercase;
color:#501616;
}

img a { 
border:0;
}

ul {

}
a {
color:#501616;
text-decoration:none;
}
a:hover {
color:#f22d33;
}

.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;
}

.fa-home:before {
content: "\f015";
}
.fa-izq:before {
content: "\f104";
}
.fa-der:before {
content: "\f105";
}
.fa-a:before {
content: "\f077";
}
.fa-f:before {
content: "\f09a";
}
.fa-t:before {
content: "\f099";
}
.fa-y:before {
content: "\f167";
}
.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-mail:before {
content: "\f0e0";
}
.fa-l:before {
content: "\f104";
}
.fa-r:before {
content: "\f105";
}
.fa-ok:before {
content: "\f14a";
}
/**************************/
.if-ico1:before {
content: "\e673";
}
.if-ico2:before {
content: "\e008";
}
.if-ico3:before {
content: "\e033";
}
.if-ico4:before {
content: "\e67f";
}
.if-ok:before {
content: "\e639";
}
/**************************/

/********************************************************************************/
/*	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);
*/
}
header {
background: #fff;
background-repeat: no-repeat;
background-size: cover;
background-position: 100% 50%;
min-height: 80px;
border-bottom:2px solid #6d0003;
}
#animacion {
position: relative;
}
#adorno {
height:150px;
background: #C35D15;
}
#contenido {
min-height:500px;
}
.marco {
min-height:40px;
background:#fff;
margin-bottom: 50px!important;
box-sizing:border-box;
}
.topp	{
padding-top:50px!important;
}
.min {
min-height:500px;
}
.after:after	{
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
}
.boxed	{
width:1300px;
margin:0 auto 0 auto;
}
.caja	{
box-sizing:border-box;
}
.ancho {
min-height:100px;
background: transparent url(imagenes/bg-ancho.jpg);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: 50% 80%;
overflow:hidden;
}
aside {
width:330px;
min-height:500px;
float:left;
padding-bottom: 32767px;
margin-bottom: -32767px;
}
footer {
min-height:100px;
color: #ddd;
background: #252525;
overflow: hidden;
}
/********************************************************************************/
/* Cabecera																		*/
/********************************************************************************/
header .arriba {
height:50px;
background:#f9f9f9;
color:#c1c1c1;
border-top: 1px solid rgba(0, 0, 0, 0.05);
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
header .arriba .cont {

}


header .arriba .cont .a-izq {
width:50%;
height:30px;
float:left;
}
header .arriba .cont .a-izq #redes {
width:auto;
height:50px;
border-left: 1px solid rgba(0, 0, 0, 0.05);
border-right: 1px solid rgba(0, 0, 0, 0.05);
display:inline-block;
}
header .arriba .cont .a-izq .redes {
width:20px;
height:20px;
float:left;
margin-top:15px;
margin-left:15px;
margin-right:15px;
text-align:center;
display: table;
}
header .arriba .cont .a-izq .redes a {
display: table-cell;
vertical-align: middle;
color:#c1c1c1;
}
header .arriba .cont .a-izq .redes a i {
font-size:13px;
}
header .arriba .cont .a-izq .redes a {

}

header .arriba .cont .a-der {
width:50%;
float:left;
}
header .arriba .cont .a-der ul {
margin: 0;
padding: 0;
list-style-type: none;border-right: 1px solid rgba(0, 0, 0, 0.05);
}
header .arriba .cont .a-der ul li {

height:50px;
font-size: 16px;
display: inline-block;
margin: 0;
padding: 0 15px;
float: right;
border-left: 1px solid rgba(0, 0, 0, 0.05);
display: table;
}
header .arriba .cont .a-der ul li span {
display: table-cell;
vertical-align: middle;
font: normal 14px/1 "opensans", "Imperial", Times, serif;
padding: 0 10px;
cursor:default;
}
header .arriba .cont .a-der ul li span i {
margin-right:5px;
}




header #cont {
height: 100px;
margin: 20px auto 0 auto;
}
header #cont #logo {
width:410px;
height:80px;
float:left;
}
header #logo figure {
width:100px;
height:80px;
float:left;
}
header #cont #logo figure img {
width:auto;
height:100%;

}
header #cont #logo #slogan {
width:300px;
height:80px;
float:left;
cursor:default;
display:table;
}
header #cont #logo #slogan p {
display: table-cell;
vertical-align: middle;
font: 20px/1.1 "Montserrat","Helvetica",sans-serif;
color:#501616;
text-transform:uppercase;
}
header #cont #logo #slogan p span {
font: 26px/1.1 "Montserrat","Helvetica",sans-serif;
}

header #cont #der {
width:860px;
height:80px;
margin-left:30px;
float:left;
box-sizing:border-box;
}

#menu {
height:50px;
padding: 0px 0px 0px 0px;
}
.slicknav_menu {
display:none;
}
nav {
width:auto;
height:40px;
margin-top:20px;
float:right;
position:relative;transition: 0.5s;
box-sizing:border-box;
display:inline-block;
}
nav ul {
width:auto;
padding:0;
margin:0px;
list-style-type: none;
}
nav ul li {
width:auto;
height:40px;
position: relative;
display: inline;
float: left;
margin-right:40px;
overflow:hidden;
display:table;
}
nav ul li:last-child {
margin-right:0px;
}
nav ul li:hover:last-child {
border-right: none;
}
nav ul li:hover:before {
height: 2px;
}
nav ul li:before {
position: absolute;
z-index: 1;
bottom: 0px;
left: 0;
width: 100%;
height: 0px;
content: '';
-webkit-transition: .5s;
transition: .5s;
background:#501616;
}
nav ul li a {
display: table-cell;
vertical-align: middle;
color: #000;

font: normal 22px/1 "Fjalla", "Imperial", Times, serif;
letter-spacing: 1px;
text-transform: uppercase;
}
nav ul li a:hover {
color: #a83638;
}
nav  ul li.actual a {
color:#a83638;
}
nav  ul li.inicio a {
font-size:27px;
}

nav ul li ul	{
position: absolute;
left: 0;
display: block;
visibility: hidden;
background: #ec7532;
z-index:100;
width: 250px;
margin: 0px;box-shadow: inert 0px 0px 10px 0px rgba(255,255,255,1);
}

nav ul li ul li	{
display: list-item;
float: none;/*display: inline;*/
border-right: none;
font-size: 12px;
line-height: 1;
margin: 0px;
width: 100%;
height:40px;
position: relative;
border-bottom: 1px solid rgba(255,255,255,0.5);
display:table;
}

nav ul li ul li a	{
display: table-cell;
vertical-align: middle;
margin: 0;
border-top-width: 0;
font: normal 18px/18px "Omnes", "Imperial", Times, serif;
color:#fff!important;
padding: 0 15px;
}
nav ul li ul li a:hover	{
background: #eb4d00;
}

nav ul li ul li:last-child{
border-bottom: none;
}

nav ul li ul li:hover{ 
border-right: none;
}
nav ul li ul li a:hover{ 

}
.flechaabajo:before	{
font: 17px/1 "Ioni";
content: "\f123";
margin-left:10px;
color:#FFF;
}

.flechader{
position: absolute;
top: 9px;
right: 5px;
}

.slicknav_menu {
display:none;
}
.i2 {
display:none;
}

.ini {
display:none;
}

/********************************************************************************/
/* Contenido																	*/
/********************************************************************************/
main {
min-height:450px;
}
article {
color:#333;
}
article .encabezado {
width: 100%;
margin-bottom: 30px;
position:relative;
color: #333e48;
}
article .encabezado:before {
position: absolute;
content: '';
display: block;
left: 0px;
bottom: -15px;
width: 200px;
height: 3px;
background-color: #501616;
-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: 20px/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  ul:last-child	{
margin-bottom: 0;
}
article  ol {
margin-left:30px;
margin-bottom: 21px;
}
article  ul li,	
article  ol li	{
line-height: 1.7;
margin-bottom:20px;
}
article  ul li:last-child,	
article  ol li:last-child	{
margin-bottom:0px;
}
article  ul li:before	{
padding:2px 4px;
font: 15px/1 "FontAwesome";
content: "\f0a9";
margin-right:10px;
color:#fff;
background:#333e48;
}

.comentario {
border-left: 5px solid #555;
display: flex;
margin: 1rem 0;
padding: 5px 1rem;
position: relative;
background: #f2f2f2 url(imagenes/bg-cab.png);
font: 17pt/1 "Pathway Gothic One","Helvetica",sans-serif;
color: #555;
}

#blq1,
#blq2,
#blq5 {
overflow:hidden;
}
.blq1 {
width:22.75%;
min-height:250px;
float:left;
margin-right:3%;
transition: top 0.3s, left 0.3s, opacity 0.3s;transition: 0.5s;
}
.blq1:nth-child(4n) {
margin-right:0;
}
.blq1:hover .play{
transform:scale(1);
}
.blq1 .img {
height:80px;
margin-bottom:20px;
text-align:center;
}
.blq1 .img i {
font-size:80px;
line-height:1;
color:#501616;
}
.blq1 .titulo {
width:100%;
height:50px;
margin-bottom:10px;
text-align:center;
border-top:1px solid #501616;
border-bottom:1px solid #501616;
color:#501616;
display:table;
}
.blq1 .titulo span {
display: table-cell;
vertical-align: middle;
font: normal 15px/1.1 "Oswald", "Helvetica", sans-serif;
}
.blq1 .contenido {
font: normal 16px/1.1 "OpenSans","Helvetica",sans-serif;
}


#blq2 {
overflow:hidden;
}
.blq2 {
width:31.3333%;
min-height:300px;
float:left;
margin-right:3%;
transition: top 0.3s, left 0.3s, opacity 0.3s;transition: 0.5s;
border:1px solid #e2e2e2;
box-sizing:border-box;
}
.blq2:nth-child(3n) {
margin-right:0;
}
.blq2 .img {
width:100%;
height:auto;
position:relative;
}
.blq2:hover .mask	{
opacity: 1;
}
.blq2 .mask {
width: 100%;
height: 100%;
background: rgba(51, 62, 72, 0.75);
content: "";
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition-duration: 0.9s;
}
.blq2 .img img {
width:100%;
height:100%;
margin-bottom:-5px;
}
.blq2 .titulo {
width:100%;
height:60px;
position:relative;
display:table;
box-sizing:border-box;
}
.blq2 .titulo h2 {
display: table-cell;
vertical-align: middle;
color:#333e48!important;
padding:0 20px;
}
.blq2 .titulo i {
width:40px;
height:40px;
position:absolute;
top:10px;
left:10px;
font-size:25px;
line-height:40px;
text-align:center;
border:1px solid #ddd;
box-sizing:border-box;
}
.blq2 .contenido {
min-height: 70px;
padding: 0px 20px 20px 20px;
font: normal 15px/1.2"Arial", "Helvetica", sans-serif;
cursor:default;
}
.blq2 .contenido span {
width:100%;
display:inline-block;
font-size:20px;
font-weight:bold;
margin-bottom:20px;
}
.blq2 .contenido ul {
margin-left:20px;
list-style-type: none;
}
.blq2 .contenido ul li:before	{
padding:2px 4px;
font: 15px/1 "FontAwesome";
content: "\f0da";
margin-right:10px;
color:#333e48;
}

#blq3	{

}
#blq3 .cont	{
width: 100%;
height: 350px;
text-align: center;
display: table;
}
#blq3 .cont span	{
display: table-cell;
vertical-align: middle;
font: normal 50px/1 "Oswald", "Helvetica", sans-serif;
text-transform: uppercase;
letter-spacing: 4px;
color: #ddd;
}
#blq3 .cont span b	{
font: normal 15px/1 "Oswald", "Helvetica", sans-serif;
}
#blq3 .cont span b a	{
color:#fff;
}
#blq3 .cont span b a:hover	{
color:#da532c;
}

.blq4 .item {
width:22%;
min-height:150px;
float:left;
margin-right:4%;
transition: top 0.3s, left 0.3s, opacity 0.3s;transition: 0.5s;
cursor:default;
}
.blq4 .item:hover .img i {
color:#501616;
}
.blq4 .item:hover .border {
-moz-box-shadow:    inset 0 0 1px #501616;
-webkit-box-shadow: inset 0 0 1px #501616;
box-shadow:         inset 0 0 1px #501616;
}
.blq4 .item:nth-child(4n) {
margin-right:0;
}
.blq4 .item .img {
height:75px;
text-align:center;
}
.blq4 .item .img i {
font-size:75px;
color:#333e48;
transition-duration: 0.9s;
}
.blq4 .item .nom {
width:100%;
height:50px;
text-align:center;
display:table;
}
.blq4 .item .nom span {
display: table-cell;
vertical-align: middle;
font: normal 22px/1 "opensans", "Imperial", Times, serif;
color: #333;
text-transform:uppercase;
}
.blq4 .item .desc {
font: normal 14px/1 "opensans", "Imperial", Times, serif;
}
.border {
-moz-box-shadow:    inset 0 0 1px #888;
-webkit-box-shadow: inset 0 0 1px #888;
box-shadow:         inset 0 0 1px #888;
transition-duration: 0.9s;
padding:10px;
border-radius:1px;
box-sizing:border-box;
}

.play:hover{
transform:scale(1);
}
.play{
display:block;
transform:scale(.9);
-webkit-transition:.3s;transition:.3s;-webkit-transition-delay:.1s;transition-delay:.1s;
}

.sinanimacion {
height:100%;
position:relative;
overflow:hidden;
transition: 0.5s;
}
.sinanimacion img {
width:100%;
}
.sinanimacion .fijo {
width:100%;
height:auto;
position:absolute;
top:150px;
left:0;
}
.sinanimacion .baseC {
min-height:100px;
position:relative;
}
.sinanimacion .baseC .titulo {
width:50%;
padding: 10px;
float:left;
font: 35px/1.1 "Stardos","Lucida Grande",sans-serif,Arial;
text-transform: uppercase;
color:#fff;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); 
/*background:#2d2d2d;*/
box-sizing:border-box;
}
.sinanimacion .baseC .cont {
width:60%;
padding: 10px;
float:left;
text-transform: uppercase;
font: 20px/1.1 "Lucida Sans Unicode","Lucida Grande",sans-serif,Arial;
color:#fff;
margin-top:10px;
padding:5px;
/*background: rgba(0, 0, 0, 0.32);text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); */
}
.sinanimacion .baseC .img {
width:400px;
height:210px;
position:absolute;
top:-40px;
right:0;
}
img.sinanimacion .baseC .img {
height:100%;
float:right;
}
/***************************/
.base {
height:100%;
position:relative;

}
.base .cont {
width:60%;
}
.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 35px/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:30px;

transition: 0.5s;
}
.base .cont .texto p {
font: 25px/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);
margin-bottom:10px;
}
.base .cont .texto p:last-child {
margin-bottom:0px;
}
.izq {
float:left;
text-align:left;
}
.der {
float:right;
text-align:left;
}
/********************************************************************************/
/* Footer																		*/
/********************************************************************************/
footer #cont	{
min-height:50px;
}

footer #cont .item {
width:30%;
min-height:150px;
float:left;
margin-top:3%;
margin-right:5%;
margin-bottom:3%;
transition: all 0.3s;
transition: 0.5s;
}
footer #cont .item:nth-child(3n) {
margin-right:0px;
}
footer #cont .item .cab {
width:100%;
height:40px;
padding-left:10px;
border-bottom:1px solid #9f1d21;
box-sizing:border-box;
display:table;
}
footer #cont .item .cab span {
display: table-cell;
vertical-align: middle;
font: 18px/16px "Montserrat", "Georgia", serif;
color:#848484;
}
footer #cont .item .cont {
margin:20px 0 0 0;
color:#848484;
}
footer #cont .item .cont ul {
margin:20px 0 0 0;
padding:0;
}

footer #cont .item .cont ul li {
list-style: none;
position: relative;
padding: 0;
margin: 0 0 5px 10px;
}
footer #cont .item .cont ul li:last-child {
margin: 0 0 0 10px;
}
footer #cont .item .cont ul li:before {
font: normal 15px/15px "IconFont", "Helvetica", sans-serif;
content: "\e639";
text-decoration: inherit;
color: #999;
margin-right: 10px;
}
footer #cont .item .cont span {
font-weight:bold;
}
footer #cont .item .cont p	{
margin-bottom:15px;
}
footer #cont .item .cont p:last-child	{
margin-bottom:0px;
}
footer #cont .item .cont .redes	{
margin-top:50px;
text-align:center;
}
footer #cont .item .cont .redes .bl	{
width:60px;
height:60px;
background:#fff;
text-align:center;
margin-right:20px;
float:left;
display:table;
}
footer #cont .item .cont .redes .bl:nth-child(4n)	{
margin-right:0;
}
footer #cont .item .cont .redes .bl a	{
display: table-cell;
vertical-align: middle;
font-size:40px;
color:#501616;
}
footer #cont .item .cont .redes .bl:hover	{
background:#fff;
}

footer .abajo {
height:40px;
}
footer .abajo .copy {
height:40px;
margin:auto;
font: 13px/40px "Times New Roman ", "arial", "Georgia", serif;
}
footer .abajo .copy a, footer #cont .cont .bloque .contt a {
color:#e0e0e0;
}
footer .abajo .copy a, footer #cont .cont .bloque .contt a:hover {
color:#FF981D;
}
footer .abajo .copy .izq {
width:65%;
float:left;
}
footer .abajo .copy .der {
width:35%;
text-align:right;
float:left;
}
footer .abajo .copy a {
color:#fff;
}



footer .abajo {
height:40px;
background:#0f0f0f;
}
footer .abajo .copy {
height:40px;
margin:auto;
font: 13px/40px "Times New Roman ", "arial", "Georgia", serif;
}
footer .abajo .copy a, footer #cont .cont .bloque .contt a {
color:#c4c4c4;
}
footer .abajo .copy a, footer #cont .cont .bloque .contt a:hover {
color:#e0e0e0;
}
footer .abajo .copy .izq {
width:65%;
float:left;
}
footer .abajo .copy .der {
width:35%;
text-align:right;
float:left;
}
footer .abajo .copy a {
color:#fff;
}
/*********************************/

/*********************************/
.animacion{
opacity: 0;
}  
.animacion.animated{
opacity: 1;
} 
#precarga {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #FFFFFF;
z-index: 10000; 
}
#precarga .precarga {
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 50px;
width: 50px;
margin: -25px auto 0;
display: block;
}
#precarga .precarga span {
position: absolute;
display: block;
bottom: 10px;
width: 9px;
height: 5px;
-webkit-animation: animation 3s infinite ease-in-out;
animation: animation 3s infinite ease-in-out;
}
#precarga .precarga span:nth-child(2) {
left: 11px;
-webkit-animation-delay: .2s;
animation-delay: .2s;
}
#precarga .precarga span:nth-child(3) {
left: 22px;
-webkit-animation-delay: .4s;
animation-delay: .4s;
}
#precarga .precarga span:nth-child(4) {
left: 33px;
-webkit-animation-delay: .6s;
animation-delay: .6s;
}
#precarga .precarga span:nth-child(5) {
left: 44px;
-webkit-animation-delay: .8s;
animation-delay: .8s;
}
@keyframes animation {
0% {
height: 5px;
-webkit-transform: translateX(0);
transform: translateX(0);
background: #333e48;
}
25% {
height: 30px;
-webkit-transform: translateX(0);
transform: translateX(0);
background: #768692;
}
50% {
height: 30px;
-webkit-transform: translateX(10px);
transform: translateX(10px);
background: #333e48;
}
100% {
height: 5px;
-webkit-transform: translateX(0);
transform: translateX(0);
background: #768692;
} 
}

.clear {
clear:both;
padding:0;
margin:0;
height:0;
}

#enconstruccion {
background: url("imagenes/enconstruccion.jpg") 50% 100px no-repeat transparent;
color: #2b5797;
font: bold 35px/35px "Oswald", "Helvetica", sans-serif;
min-height: 425px;
text-align: center;
text-shadow: 2px 2px 2px #808080;
margin-top: 50px;
}

#IrArriba {
position: fixed;
float:right;	
bottom: 20px;
right: 20px;
}
#IrArriba span {
width: 32px;
height: 32px;
display: block;
text-align:center;
background:transparent;
font-weight:bold;
line-height:30px;
cursor: pointer;
border:1px solid #501616;
}
#IrArriba span i {
font-size:20px!important;
line-height:30px!important;
color:#501616;
}
#IrArriba span:hover {
border:1px solid #1e7145;
}
#IrArriba span i:hover {
color:#1e7145;
}

/*********************************/
.sitemap {
padding:10px 10px 0 10px;
font-size:13px;
}
.sitemap ul {
color:#ae2803;
list-style:none;
padding:0;
margin:0;
padding-left:10px;
}
.sitemap ul li{
padding:10px 5px 0px 15px;
font-weight: bold;
}
.sitemap ul li:before {
width:20px;
height:20px;
display:inline-table;
font: normal 15px/20px "FontAwesome", "Helvetica", sans-serif;
text-align:center;
content: "\f078";
text-decoration: inherit;
color:#fff;
margin-right:10px;
}
.sitemap ul li a{
color:#808080;
}
.sitemap ul li a:hover{
color:#fe0000;
}

.sitemap ul li li {
padding:10px 5px 0px 35px;
font-weight: normal;
}
.sitemap ul li li:before {
width:20px;
height:20px;
display:inline-table;
font: normal 15px/20px "FontAwesome", "Helvetica", sans-serif;
text-align:center;
content: "\f054";
text-decoration: inherit;
color:#fff;
margin-right:10px;
}
.sitemap ul li li a{
font-size:12px;
color:#808080;
}
.sitemap ul li li a:hover{
color:#fe0000;
}
/******************/
.contacto {
font: bold 12px/12px "Arial", "Verdana", sans-serif;
position:relative;
margin-top:30px;
}
.contacto .img_correo {
width:640px;
height:175px;
position:absolute;
top:55px;
right:0px; 
text-align:center;
}
.contacto .img_correo img {
height:100%;
}
.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;
}
.contacto .campito {
width:60px !important;
height:25px;
text-align:center;
font: normal 15px/15px "Oswald", sans-serif;
}
.contacto .captcha {
position:absolute;
top:20px;
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;
}
.contacto .campo:focus, .contacto .area: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/15px "Verdana", sans-serif;
height: 30px;
left: 80px;
padding: 5px 25px;
position: absolute;
text-align: left;
top: 3px;
width: 300px;
}
.e-correo label	{
font-size:15px;
}
/*************************************/
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;
}
/*********************************/
.boton {
height:40px!important;
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!important;
line-height:40px!important;
outline: medium none currentColor !important;
padding: 0px 20px!important;
text-shadow: none!important;
}
a.boton {
padding: 8px 16px!important;
vertical-align: middle;
}
.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: #ee1111;
color: #fff;
}
.rojo:hover {
background-color: #d41d2e;
color: #fff;
}
.rojo:disabled {
opacity:0.5;
cursor:default!important;
}
.rojo:disabled:hover {
background-color: #ee1111;
opacity:0.5;
cursor:default!important;
}
.naranja {
background-color: #da532c;
color: #fff;
}
.naranja:hover {
background-color: #e3a21a;
color: #fff;
}
.naranja:disabled {
opacity:0.5;
cursor:default!important;
}
.naranja:disabled:hover {
background-color: #da532c;
opacity:0.5;
cursor:default!important;
}
.verde {
background-color: #99b433;
color: #fff;
}
.verde:hover {
background-color: #1e7145;
color: #fff;
}
.verde:disabled {
opacity:0.5;
cursor:default!important;
}
.verde:disabled:hover {
background-color: #99b433;
opacity:0.5;
cursor:default!important;
}
.b-left	{
float:left;
}
.b-right	{
float:right;
}
.cien	{
width:100%;
}
/*********************************/
.msg, .msg-p, .msg-r, .msg-v, .msg-ip, .msg-rp, .msg-np  {
min-width:40px;
display:inline-block;
height:20px;
padding:10px 15px ;
line-height:20px;
font-size:1em;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.mensaje-modal {
height: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: 50px; left: 50%;
width: 550px;
margin-left: -275px;
}
.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: 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-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: 10px solid #333; /* browsers that don't support rgba */
border: 10px solid rgba(0,0,0,.7);
border-radius: 8px;
box-shadow: 0 3px 3px 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-button {
border-radius: 4px;
color: #FFF;
font-weight: bold;
padding: 6px 15px;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(0,0,0,.5);
box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5);
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;
box-shadow: 0 0 15px #2B72D5;
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: #FE1A00;
border: 1px solid #D83526;
}
.alertify-button-ok {
background-color: #357005;
border: 1px solid #3B7808;
}
.alertify-log {
background: #000;
background: rgba(0,0,0,.9);
padding: 7.5px;

color: #FFF;
text-shadow: -1px -1px 0 rgba(0,0,0,.5);
}
.alertify-log-error {
background: #b81b07;
background: rgba(184,27,7,.85);
}
.alertify-log-success {
background: #007917;
}
/************************************/
#mapa {
height: 650px;
}

#servicios {
min-height:200px;
}
#servicios .izq,
#servicios .der {
width:49%;
margin-right:2%;
float:left;
}
#servicios .der {
margin-right:0;
}








table {
border-collapse: collapse;
width: 100%;
}
table, td, th {    
border: 1px solid #ddd;
text-align: left;
}
th, td {
padding: 10px;
}
th {
text-align:center;
}
td:nth-child(3),
td:nth-child(4) {
text-align:right;
}