/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

@font-face {
    font-family: 'din_boldbold';     
    src: url('font/din_bold-webfont.eot');
    src: url('font/din_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/din_bold-webfont.woff') format('woff'),
         url('font/din_bold-webfont.ttf') format('truetype'),
         url('font/din_bold-webfont.svg#din_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'dinregular';
    src: url('font/din-webfont.eot');
    src: url('font/din-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/din-webfont.woff') format('woff'),
         url('font/din-webfont.ttf') format('truetype'),
         url('font/din-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gotham_boldregular';
    src: url('font/gotham-bold-webfont.eot');
    src: url('font/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/gotham-bold-webfont.woff') format('woff'),
         url('font/gotham-bold-webfont.ttf') format('truetype'),
         url('font/gotham-bold-webfont.svg#gotham_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham_bookregular';
    src: url('font/gotham-book-webfont.eot');
    src: url('font/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/gotham-book-webfont.woff') format('woff'),
         url('font/gotham-book-webfont.ttf') format('truetype'),
         url('font/gotham-book-webfont.svg#gotham_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham_lightregular';
    src: url('font/gotham-light-webfont.eot');
    src: url('font/gotham-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/gotham-light-webfont.woff') format('woff'),
         url('font/gotham-light-webfont.ttf') format('truetype'),
         url('font/gotham-light-webfont.svg#gotham_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham_mediumregular';
    src: url('font/gotham-medium-webfont.eot');
    src: url('font/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/gotham-medium-webfont.woff') format('woff'),
         url('font/gotham-medium-webfont.ttf') format('truetype'),
         url('font/gotham-medium-webfont.svg#gotham_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,
body {
    height: 100%;
	background: url(../img/bg-body.jpg) repeat 0 0;
    margin: 0;
    height: 100%;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
hr.dotted {
    border-style: dashed;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
    font-family:'gotham_bookregular';
    text-transform: uppercase;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
    font-family:'gotham_mediumregular';
    text-transform: uppercase;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
    font-family:'dinregular';
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
    font-family:'gotham_boldregular';
    font-weight: normal;
    text-transform: uppercase;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

p, pre {
    font-family: 'dinregular';
    margin: 1em 0;
	font-size:16px;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Datos de contacto Menu */
.datos-contacto {
    float: right;
    padding-top: 10px;
	height:50px;
}

.datos-contacto ul li {
    display: inline-block;
    padding: 10px;
	color: #a0ccf8;
	font-size:16px;
}

.datos-contacto li a {
	color:#77b6e5;
}

.datos-contacto li a:hover {
	color: #a0ccf8;
}

.clear {clear:both;margin:20px 0px;}

/* SLIDER */

.slide-3 .carousel-caption {
    width: 35%;
    text-align: left;
    right: 18%!important;
    left: initial;
}

.slide-3 a {
    text-decoration: underline;
    color: #fff;
    font-size: 1.1em;
    margin-left: 20px;
}

.slide-3 h1 {
    font-size: 2.5em;
    font-weight: bold;
}

.slide-3 p {
     color: #c6c6c6;
    text-shadow: 1px 1px 3px #000;
    filter: dropshadow(color=#000, offx=1, offy=1);
    margin-bottom: 30px;
}

.slide-4 h1 {
    color: #0b5293;
    text-shadow: none;
    line-height: 1;
    font-size: 2.5em;
    font-weight:bold;
    margin: 0.67em 0;
    font-family: 'gotham_bookregular';
}

.slide-4 hr {
    width: 30%;
    border-top: 1px solid #0b5293;
    margin: 0 auto;
}


.slide-4 p.brand {
    text-transform: uppercase;
    letter-spacing: 8px;
    font-size: 1.2em;
    padding-top: 25px;
}

.slide-4 p {
    color: #0b5293;
    text-shadow: none;
    line-height: 1;
}

.slide-4 a.button, .slide-3 a.button {
    width: 160px;
    padding: 10px 0;
    font-size:13px;

}


/* MENU */
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {   
	color: #fff;
    background-color: #0e3256;
    border: 1px solid #000;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	height: 38px;
    border-bottom:none;
}
.header .container {padding-bottom: 0px;}
.navbar .container {padding-bottom:0px;}
.container {padding-bottom:30px;} 

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border: 1px solid #000;
    border-top-right-radius: 0;
    border-top: none;
}

	.dropdown-menu li:first-child {
    border-top: none;
}
	
	.navbar-nav>li>a {padding-top: 11px;
    padding-bottom: 15px;
	margin-top: 4px;}	

	.dropdown-menu {
	position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    width: 202px;
    padding: 5px 8px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #0d3357;;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

	}
	
	
	
	.dropdown-menu>li>a {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    padding: 8px;
    border-top: 1px solid #000;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    white-space: nowrap;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #094277;
    text-decoration: none;
    background-color: #fff;
    outline: 0;

}

.navbar-inverse .navbar-nav>li>a:hover 
{

    background-color: #fff;
    z-index: 1000;
    height: 37px;
    background-color: #0d3357;
    -webkit-background-clip: padding-box;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}




/* Button */ 
.button{
background: #0989cb; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5ODljYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjZjYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #0989cb 0%, #026cb2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0989cb), color-stop(100%,#026cb2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0989cb 0%,#026cb2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0989cb 0%,#026cb2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0989cb 0%,#026cb2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0989cb 0%,#026cb2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0989cb', endColorstr='#026cb2',GradientType=0 ); /* IE6-8 */
-webkit-box-shadow:  0px 2px 5px 1px rgba(10, 68, 121, 0.2);
box-shadow:  0px 2px 5px 1px rgba(10, 68, 121, 0.2);
color:#fff!important;
text-decoration:none!important;
display:inline-block;
min-width:90px;
padding:5px 0;
font-family:'gotham_mediumregular';
font-size:0.7em;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
background-repeat:repeat-x;
border-image:none;
border-color:#1092d6 transparent transparent #1092d6;
border-width:1px;
border-style:solid;
text-align:center;
vertical-align:middle;
}
.button:hover{
background: #047aba; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA0N2FiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTYyOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #047aba 0%, #056299 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#047aba), color-stop(100%,#056299)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #047aba 0%,#056299 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #047aba 0%,#056299 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #047aba 0%,#056299 100%); /* IE10+ */
background: linear-gradient(to bottom,  #047aba 0%,#056299 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#047aba', endColorstr='#056299',GradientType=0 ); /* IE6-8 */
}

/* Home Page Carousel */
header.carousel {height: 50%;margin-top:50px;min-height:500px;}
header.carousel .item,header.carousel .item.active,header.carousel .carousel-inner {height: 100%;}
header.carousel .fill {width: 100%;height: 100%;background-position: center;background-size: cover;}
.header img {position: relative;width: 100%;}
.header {background: #0b5293;color: #fff;display: inline-block;margin-top: 51px;width: 100%;margin-bottom: 30px;}
.header h2 {font-size: 1.2em;font-weight:bold;}

/* Slider Sub header */
.sub-header h2 {font-weight: normal;font-size: 1.7em;}
.sub-header p {font-size: 1.4em;}
.sub-header {font-family: 'gotham_bookregular';width: 100%; border-top: 1px solid #00294b;border-bottom: 1px solid #00294b;color: #fff;font-size: 0.6em;text-transform: uppercase;height: auto;
    padding-top: 1em;background: #084277;float: left;margin-bottom:40px;}
.sub-header span {display: inline-block;margin-left: 10px;color: #fff;font-size:10px;vertical-align:top;}
.sub-header .col-lg-5 {padding: 10px 0 10px 30px;border-right: 1px solid #063158;}
.sub-header.breadcrumbs {margin-bottom: 0;}

/* Block Info */
.block-info { background: #e4e4e4;padding: 30px 20px 20px 30px;margin-right: 30px;}
.title {text-transform: uppercase;color: #333333;font-size: 1.3em;font-weight:bold;}
.subtitle {color: #0b5293;font-size:16px;}
.block-info p {font-family: 'dinregular';color: #333333;font-size: 1em;}

p.light-text {color: #a4a4a4;font-family: 'dinregular';font-size: 1em;}



/* Widget */
.widget {padding-left: 20px;color: #a4a4a4;font-size: 0.8em;position: relative;}
.widget p {font-family: 'dinregular';font-size:13px;}
.widget a {color: #333333;text-decoration: underline;}
.widget .subtitle {margin-bottom: 10px;font-size: 1.5em;}

/* Sidebar */
.sidebar-style-3 {background: #084278;font-family: 'gotham_bookregular';padding: 15px 15px 10px 0;width:320px;font-size:0.9em!important;}
.sidebar.sidebar-style-3 .widget, aside.sidebar.sidebar-style-3 .widget .title{color:#fff;}
.sidebar.sidebar-style-3 .widget .title{margin: 35px 0;line-height: inherit;color: #fff;font-family: 'gotham_boldregular'}
.sidebar.sidebar-style-3 .widget p {margin-top: -25px;}
.sidebar.sidebar-style-1.sidebar-style-3 .title{font-family: 'gotham_boldregular';}
.sidebar.sidebar-style-1.sidebar-style-3 p{font-family: 'gotham_bookregular';}
.sidebar.sidebar-style-1.contact-info p {font-family: 'gotham_mediumregular';font-size:12px;}

.contact-info {font-family: 'gotham_mediumregular';background: #084278;padding-left: 12px;width:320px;padding-bottom:30px;}
.contact-info h2 {color: #fff;font-size: 1.2em;font-weight: normal;}
.contact-info ul {padding: 0;list-style:none;}
.contact-info ul li {color: #a0ccf8;font-size: 0.7em;margin-top: 20px;}

.contact-info p {font-size: 11px;font-family: 'gotham_mediumregular';}
.contact-info a {color: #a0ccf8;}
.contact-info a:hover{color: #77b6e5;text-decoration:none;}


/* Ventajas */

.ventaja-center .title {font-family: 'gotham_boldregular';color: #0b5293;font-size: 0.9em; margin-top: 15px;}
.icon:hover {cursor: pointer;opacity: 0.8;}

.advantage {padding:30px 0}
.advantage .title{text-transform: none; font-family: 'dinregular';font-size:20px;}
.advantage h2.title{text-transform: uppercase;}
.advantage .col{text-align:center;color:#a4a4a4;border-left:1px dashed;height:23em;padding:0 25px;font-size:17px;}
.advantage .col div{margin:0 auto;}
.advantage .col1{border-left:none;}
.advantage .col .icon{width:119px;height:123px;display:inline-block;}
.advantage .col .icon:hover{cursor:pointer;}
.advantage .col1 .icon{background: url(../img/advantage.gif) no-repeat 0 0;}
.advantage .col1 .icon a{display: block; width: 100%; height: 100%;}
.advantage .col1 .icon:hover{background:url(../img/advantage-hover.gif) no-repeat 0 0}
.advantage .col2 .icon{background: url(../img/advantage.gif) no-repeat 0 -123px;}
.advantage .col2 .icon:hover{background:url(../img/advantage-hover.gif) no-repeat 0 -123px}
.advantage .col3 .icon{background: url(../img/advantage.gif) no-repeat 0 -246px;}
.advantage .col3 .icon:hover{background:url(../img/advantage-hover.gif) no-repeat 0 -246px}
.advantage .col p{font-family:'dinregular'}

/* Proyectos (Realizaciones) */
.realizaciones .title{color:#006eb1}

/* Empresa*/
.texto-empresa {border-left: 1px #5a5758;border-left-style: dashed;height: 531px;padding-left:50px;}
.texto-empresa h1 {font-size: 2.5em;line-height: 1;margin-top: 10px;font-weight:bold;}
.texto-empresa h2 {font-size: 1.2em;font-weight: normal;line-height: 0;margin-bottom: 50px;margin-top: 15px;}
.texto-empresa h1, .texto-empresa h2 {color: #0b5293;padding-left: 20px;}
.texto-empresa .widget .title {color: #0b5293;font-family: 'gotham_mediumregular';font-weight:normal;}
.col.contact {background: #a0ccf8;margin-top: 30px;padding: 10px 40px;position: relative;width: 100%}
.col.contact h4 {color: #0b5293;}
.col.contact .button {padding: 10px 0;position: absolute;right: 10em;text-transform: none;top: 20px;width: 145px;}

/* Representantes */
.container.representantes {background-color:#e4e4e4;}
footer.representantes {margin-top:0px;}
.background-gris {background-color:#e4e4e4;padding-bottom:30px;}
.col.representantes {background-color: #24498f;color: #fff; padding: 10px 40px}
.col.representantes h4 {color: #fff;}
.col.representantes a {color:#fff; text-decoration:none;font-weight:bold;}
.col.representantes a:hover {text-decoration:underline;}

/* Paneles  */
.col-md-12.paneles {border-bottom: 1px dashed #dedede;padding-bottom: 30px;margin: 30px 0;}
.col-md-12.paneles h2.subtitle {font-size: 1.8em;font-family: 'gotham_mediumregular';color: #0b5293;font-weight: normal;font-family: 'gotham_mediumregular';text-transform: none;}
.col-md-12.paneles p {color: #a4a4a4;font-size: 1em;font-family: 'dinregular';}

h2.subtitle {font-size: 1.1em;font-family: 'gotham_mediumregular';color: #0b5293;font-weight:bold;}

/* Contacto */
.mapa {padding:20px 0}
.informacion-contacto {font-family: 'gotham_mediumregular';height: 100%;float: left; padding-left: 12px;}
form div {width:50%;float:left;padding:15px;}
.informacion-contacto form label, form .textarea {width:100%;}
textarea {width:96%;}
input.enviar {float:right;margin-right:45px;}

/* Galerias */
.galerias h2.subtitle {font-size: 1.7em;}
.col-md-12.galerias {margin-top:51px;}
.col-md-12.galerias  h3.subtitle {color: #0b5293;font-weight: bold;font-size: 17px;}
.galery-item {border-bottom: 1px dashed #000;float: left;margin-right: 3%;font-family: 'gotham_mediumregular';font-size: 0.8em;}
.caption:before, .caption:after{content:" ";display:table;line-height:0}
.caption:after{clear: both;}
.caption {background: #fff;padding: 4px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow:  1px 1px 5px 1px rgba(0, 0, 0, 0.2);
 box-shadow:  1px 1px 5px 1px rgba(0, 0, 0, 0.2);}
.caption + p {font-family: 'gotham_mediumregular';padding: 0 5px;font-size:1.1em}

 /* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('img/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }

        /* jssor slider thumbnail navigator skin 01 css */
        /*
        .jssort01 .p            (normal)
        .jssort01 .p:hover      (normal mouseover)
        .jssort01 .p.pav        (active)
        .jssort01 .p.pdn        (mousedown)
        */
        .jssort01 .p {
            position: absolute;
            top: 0;
            left: 0;
            width: 72px;
            height: 72px;
        }
        
        .jssort01 .t {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        .jssort01 .w {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }
        
        .jssort01 .c {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 68px;
            height: 68px;
            border: #000 2px solid;
            box-sizing: content-box;
            background: url('img/t01.png') -800px -800px no-repeat;
            _background: none;
        }
        
        .jssort01 .pav .c {
            top: 2px;
            _top: 0px;
            left: 2px;
            _left: 0px;
            width: 68px;
            height: 68px;
            border: #000 0px solid;
            _border: #fff 2px solid;
            background-position: 50% 50%;
        }
        
        .jssort01 .p:hover .c {
            top: 0px;
            left: 0px;
            width: 70px;
            height: 70px;
            border: #fff 1px solid;
            background-position: 50% 50%;
        }
        
        .jssort01 .p.pdn .c {
            background-position: 50% 50%;
            width: 68px;
            height: 68px;
            border: #000 2px solid;
        }
        
        * html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
            /* ie quirks mode adjust */
            width /**/: 72px;
            height /**/: 72px;
        }
        
/* Descargas */
.col-md-3.descarga {BACKGROUND-COLOR: #c1ccdc;BORDER: 10PX SOLID #e3e3e3;margin: 5px; height: 220px; width: ;width: 23%;text-align: center;-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4);border-radius: 3px;padding: 20px;}
.descarga h4 {font-size: 17px;width: auto;color: #153f6f;}
.descarga h2 {color: #184074;font-weight: bold;font-size:18px;}

/* Log In */ 
.header.login {margin-bottom:0px;}
.login h2 {font-weight: normal;}
.container-login {background-color:#084277;}
.datos-login {width: 300px;margin: auto;height:496px;padding-top:13%}
.col-md-12.login {padding: 10px 0;}
.col-md-12.login label {width:100%;}
.datos-login label {color:#fff;}
.datos-login input {border-radius:5px}
.datos-login input.enviar {margin:0;border-radius:0px;}

/* Comparativo */
p.comparativo {color:#173e6c;font-size:15px;}
.col-md-6.cuadro {margin: 20px 30px;border:4px solid #dedede;border-radius:3px;-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4); width:42%;}
.col-md-12.referencias p {border-top: 1px solid #999;border-bottom: 1px solid #999;padding: 10px 0px;color: #1a4079;}
.col-md-12.referencias h4 {color: #1a4079;font-weight:bold;}

/* Planilla 1 */ 
.col-md-12.cotizacion-rapida {background-color: #dedede;padding: 20px;-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4);margin-bottom:20px;}
form.cotizacion div {width: 100%; text-align:right;padding:5px;border-radius:3px;}
form.cotizacion input {width:400px;}
form.cotizacion label {text-align:right;padding-right:20px;}
.cotizacion-rapida span {width: 100%;font-size: 12px;display: block;color: #666;font-weight: bold;padding:5px 0 10px 0;}
.cotizacion-rapida .col-md-5 {text-align: center;}
.cotizacion-rapida button {margin:4px;}
.cotizacion-rapida p {text-align: left;font-size: 17px;width: 371px;color: #183e75;padding-left: 71px;}
.cotizacion-rapida img {border: 4px solid #fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4);}

/* Planilla 2 */
.col-md-12.cotizacion-rapida span.metros {width:20px;display: inline-block;}
.col-md-12.cotizacion-rapida span.descripcion {font-size: 12px;color: #999;width: 400px;display: inline-block;font-weight: normal;padding-left: 20px;text-align:left;}
.cotizacion-rapida h2 {margin: 0;margin-bottom: 20px;padding: 0;border-bottom: 1px solid #183e75; color:#183e75;font-size:20px;font-weight:bold;}
input.metros {width: 100px!important;border-radius:3px;}
 .col-md-12.planilla-2 form.cotizacion div {text-align: left;}
  .col-md-12.planilla-2 form.cotizacion div label {width:300px;}
 
 
/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {margin: 0px 0 0 0;background-color:#084588;color:#fff;font-family: 'dinregular';}
footer .title h4{color:#fff; font-family: 'gotham_boldregular';font-size:16px;}
footer ul li .title h4 i{font-size:0.6em;}
footer .subitems{width: 75%;float: left;overflow: hidden;position: relative;height: 15em;}
footer ul{clear: left;float: left;list-style:none;margin:0;padding: 0;position: relative;}
footer ul li{color:#a4a4a4;display: block;float: left;list-style: none;margin:0 0 0 12px;padding: 0;position: relative;width:100%;}
footer ul li a{font-family: 'dinregular';}
footer ul li ul{float: none;}
footer ul li ul li{float: none;}
div.empresa ul{margin-top: 15px}
div.empresa ul li{color:#fff;font-family: 'dinregular'}
footer a {color:#878f9e;}
footer a:hover {color:#fff;text-decoration: none;}
footer .very-big{font-size: 1.8em;font-family: 'gotham_mediumregular'}
footer .big{font-size:1.4em;}
footer div.empresa{float: right;width:170px;}
footer div.empresa ul li span{display:inline-block;width:50px;}
.footer span.social {float: right;font-size: 2em;margin-top: -5px;}
i.fa.fa-twitter,i.fa.fa-facebook {font-size: 25px;padding-right: 15px;color: #fff;}
footer .col-lg-10 p {font-size: 14px!important;margin-top: 30px;}
footer span.social {margin-top: 27px;float: right;}
/* iconos */
.fa {position: relative;top: 2px;padding-right: 5px;float: left;}


/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}	

.single-advantage .title {
    position: relative;
    vertical-align: middle;
}
.title {
    text-transform: uppercase;
    color: #333333;
    font-size: 12px;
}

.sidebar.bordered.right {
    border-right: 1px #5a5758;
    border-right-style: dashed;
    margin-right: 24px;
}

.single-advantage .title span {
    color: #0b5293;
    position: absolute;
    top: 1em;
    left: 6em;
    font-family: 'gotham_boldregular';
}


.title {
    font-family: 'gotham_boldregular';
    color: #0b5293;
    font-size: 0.8em;
    margin-top: 15px;
}

.single-advantage .title img {
    float: left;
}

.single-advantage p.detail {
    margin-top: 3em;
    float: left;
}

ul.nav-lateral {
    position: relative;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.sub-header-desc {
    color: #a0ccf8;
    font-family: 'gotham_boldregular';
    font-size: 1.25em;
    text-transform: none;
}

.single-advantage {
    margin-top: 2em;
}

ul.nav-lateral li {
    /*margin-right: 45px;*/
}

ul.nav-lateral li a {
    text-transform: uppercase;
    color: #a4a4a4;
    display: block;
    width: 96%;
    padding: 5px;
    margin-left: 12px;
    font-family: 'gotham_boldregular';
    font-size: 1em;
}

.ventaja-center{
    text-align: center;
    margin-bottom: 50px;
}


.title span {
    color: #0b5293;
    position: absolute;
    top: 1em;
    left: 6em;
    font-family: 'gotham_boldregular';
}

.title img {
    float: left;
}

/* custom inclusion of right, left and below tabs */

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {    color: #555;
    cursor: default;
    background-color: #fff;
    color: #0b5293;
    background: #d7e7f7;
    /* border: 1px solid #ddd; */
    border-bottom-color: transparent;
}

.tab-pane .title span {
    position: relative;
    color: #0b5293;
    float: left;
    left:20px;
    font-size: 20px;
    font-family: 'gotham_boldregular';
}

.tab-pane p.light-text {
    color: #a4a4a4;
    font-family: 'dinregular';
    font-size: 1em;
    width: 60%;
    float: right;
    display: block;
    margin-top: 30px;
    /* clear: both; */
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
    border-right: 1px #5a5758;
    border-right-style: dashed;
    margin-right: 24px;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    color: #0b5293;
    background: #d7e7f7;

}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

#content .fc tr td{
    padding:0px;
}