/*!
 * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    width: 100%;
    height: 100%;
    /*font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
    color: #888;
    background-color: #FFF;
}

html {
    width: 100%;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 20px;
	font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
	color:#0f8899;
	border-bottom:1px solid #e4e4e4;
	font-size:1.9em;
	padding:0.5em 0em;
}
h3 {font-size:1.4em;}
h4 {font-size:1.4em; text-align:center; border:none; color:#000;}

h3.num1 { background:url(../img/01.jpg) no-repeat left 0.2em; padding:0.5em 0em 0.5em 2em;}
h3.num2 { background:url(../img/02.jpg) no-repeat left 0.2em; padding:0.5em 0em 0.5em 2em;}
h3.num3 { background:url(../img/03.jpg) no-repeat left 0.2em; padding:0.5em 0em 0.5em 2em;}
h3.num4 { background:url(../img/04.jpg) no-repeat left 0.2em; padding:0.5em 0em 0.5em 2em;}

p {
    margin: 0 0 20px;
    font-size: 1em;
    line-height: 1.4;
}
p.destacado { color:#0f8899; font-style:italic;}
p.num1 { background:url(../img/01.jpg) no-repeat left 0.2em; padding:0em 0em 0.7em 2.5em;}
p.num2 { background:url(../img/02.jpg) no-repeat left 0.2em; padding:0em 0em 0.7em 2.5em;}
p.num3 { background:url(../img/03.jpg) no-repeat left 0.2em; padding:0em 0em 0.7em 2.5em;}
p.num4 { background:url(../img/04.jpg) no-repeat left 0.2em; padding:0em 0em 0.7em 2.5em;}

ul.detalles {
	font-size: 1em;
    line-height: 1.4;
	margin-bottom:25px;
	list-style:none;
	padding: 0em 1em;
	list-style:none;
}
ul.detalles li { background:url(../img/list.jpg) no-repeat 0px 9px; padding: 5px 20px 5px 20px;}

@media(min-width:768px) {
 /*   p {
        margin: 0 0 25px;
        font-size: 1.1em;
        line-height: 1.4;
    }
	ul.detalles {
	font-size: 1.1em;
    line-height: 1.4;
	}*/
}

a {
    color: #0f8899;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #17a9be;
}

.light {
    font-weight: 400;
}

.navbar-custom {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
    text-transform: uppercase;
    /*font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;*/
    background-color: #FFF;
}

.navbar-custom .navbar-brand {
    font-weight: 700;
}

.navbar-custom .navbar-brand:focus {
    outline: 0;
}

.navbar-custom .navbar-brand .navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}

.navbar-custom a {
    color: #fff;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover {
    outline: 0;
    color: rgba(255,255,255,.8);
    background-color: transparent;
}

.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
    outline: 0;
    background-color: transparent;
}

.navbar-custom .nav li.active {
    outline: 0;
}

.navbar-custom .nav li.active a {
    background-color: rgba(255,255,255,.3);
}

.navbar-custom .nav li.active a:hover {
    color: #0F8899;
}

@media(min-width:768px) {
    .navbar-custom {
        padding: 20px 0;
        border-bottom: 0;
        /*letter-spacing: 1px;*/
        background: 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .navbar-custom.top-nav-collapse {
        padding: 0;
        border-bottom: 1px solid rgba(255,255,255,.3);
        background: #000;
    }
}

.intro {
    display: table;
    width: 100%;
	height: auto;
    padding: 142px 0px 0px 0px;
    color: #888888;
    background: url(../img/bg_header01.jpg) no-repeat bottom center scroll; 
    background-color: #FFF;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.intro .intro-body {
    display: table-cell;
    vertical-align: middle;
}
.intro .intro-body .brand-heading {
    font-size: 40px;
}
.intro .intro-body .intro-text {
    font-size: 18px;
}

.miga {
    display: table;
    width: 100%;
	height: auto;
    padding: 142px 0px 0px 0px;
    color: #888888;
    background-color: #e8f6f8;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.miga .intro-body {
    display: table-cell;
    vertical-align: middle;
}
.miga .intro-body .brand-heading {
    font-size: 40px;
}
.miga .intro-body .intro-text {
    font-size: 18px;
}
.ruta { background:url(../img/valvefinder_pos@2x.png) no-repeat right 0.8em; background-size: 16%;}
.ruta h1 { border:none; margin:10px 0px; color:#000; font-size: 1.9em; line-height: 1.5em; }

.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #fff;
    border-radius: 100%!important;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.1);
}

.btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {    
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {    
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

.content-section {
    padding-top: 20px; /*100px*/
	/* padding-bottom: 20px; */
}

.download-section {
    width: 100%;
    padding: 50px 0;
    color: #fff;
    background: url(../img/downloads-bg.jpg) no-repeat center center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#map {
    width: 100%;
    height: 200px;
    margin-top: 100px;
}

@media(min-width:767px) {
/*    .content-section {
        padding-top: 250px;
    }*/

    .download-section {
        padding: 100px 0;
    }

    #map {
        height: 400px;
        margin-top: 250px;
    }
}

.btn {
    border-radius: 0;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-default {
    border: 1px solid #42dca3;
    color: #42dca3;
    background-color: transparent;
}

.btn-default:hover,
.btn-default:focus {
    border: 1px solid #42dca3;
    outline: 0;
    color: #000;
    background-color: #42dca3;
}

ul.banner-social-buttons {
    margin-top: 0;
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        margin-top: 15px;
    }
}

@media(max-width:767px) {
    ul.banner-social-buttons li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons li:last-child {
        margin-bottom: 0;
    }
}

footer {
    padding: 20px 0;
	background:#087483;
	margin-top:20px;
}

footer p {
    margin: 0;
	color:#FFF;
	font-size: 0.9em;
}
footer p a {
 color:#20d6e0;
}
.avk { text-align:right;}
/*
::-moz-selection {
    text-shadow: none;
}
::selection {
    text-shadow: none;
}
*/
img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: rgba(255,255,255,.2);
}

/**/
.top100 { width:100%; border-bottom:solid 1px #e1e5e9;}
.top { padding:10px 0px; color:#8d9095; text-transform:none; font-family:Arial, Helvetica, sans-serif; letter-spacing:normal;}
.top p { font-size:0.9em; line-height:1em; margin:0px;}
.top p.submenu { text-align:right;}
.navbar-custom .top a {color:#0f8899;}
.navbar-custom .top a:hover { text-decoration:underline;}
.navbar-custom .top a.general1 { font-size:0.95em; color:#777777; background:url(../img/top-icon-ubicacion.jpg) no-repeat 10px -1px; padding:0px 10px 0px 30px; display:inline-block;}
.navbar-custom .top a.general2 { font-size:0.95em; color:#777777; background:url(../img/top-icon-legal.jpg) no-repeat 10px -1px; padding:0px 10px 0px 30px; display:inline-block; border-left:1px solid #e1e5e9;}
.navbar-custom .top a.general3 { font-size:0.95em; color:#777777; background:url(../img/top-icon-home.jpg) no-repeat 10px -1px; padding:0px 10px 0px 30px; display:inline-block; border-left:1px solid #e1e5e9;}
.navbar-custom.top-nav-collapse .top { display:none;}
@media(max-width:1199px) {
.top p { padding:5px 0px; line-height:1.2em;}
}

.navbar-toggle i { font-size:2em;}
.navbar-brand {height:auto;}
.navbar-nav {padding:2em 0em 0em 0em;}
.navbar-toggle { color:#000;}

.navbar-custom { background:#FFF; padding:0px;}
.navbar-custom.top-nav-collapse { background:#FFF;}
.navbar-custom.top-nav-collapse .navbar-brand > img { width:80px;}
.navbar-custom.top-nav-collapse .navbar-nav { padding:1.5em 0em 0em;}

.navbar-custom .nav li a { color:#000; font-family:Arial, Helvetica, sans-serif;}
.navbar-custom .nav li a:hover { color:#0f8899;}
.navbar-custom .nav li.active a {color:#0f8899;}



/* form */

.valvefinder { background:url(../img/bg-valvefinder.jpg) no-repeat top center; height:137px; width:100%; text-align:center;}
.valvefinder img { padding: 2em 2em; width: auto; height: 120px;}
button, input, optgroup, select, textarea {color: inherit;font: inherit;margin: 0px;}
input, button, select, textarea {font-family: inherit; font-size: inherit;line-height: inherit;}

#formulariohome { background:#FFF; padding:0.5em 2em 1em 2em;}
#formulariohome .form-group {margin-bottom: 5px;}

.form-control {    
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	font-family:Arial, Helvetica, sans-serif;
}
.btn {
    border-radius: 4px;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    transition: all 0.3s ease-in-out 0s;
}
.btn-default {
    border: 1px solid #0f8899;
    color: #FFF;
    background-color: #0f8899;
	width:100%;
	font-weight:bold;
	padding:0.7em;
	font-size:1.2em;
	text-transform:none;
}
.btn-default:hover, .btn-default:focus {
	font-family: Arial, Helvetica, sans-serif; color: #FFF; font-weight:bold; font-size:1.2em; background-color:#17a9be; border: 1px solid #0f8899;}

#formulariohome .newregistre { font-weight:bold; font-size:1.3em; display:block; padding:1em 0em 0em 0em;}
#formulariohome .forgetyourpass { display:block;}
#formulariohome .forgetyourpass:hover { text-decoration:underline;}

#formulariohome p { font-size:1em; line-height:1.4em; padding-top:1em; margin:0px;}
.video { width:100%; padding:1em 3em;}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px; /*25px;*/
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* banner */

.banner { 
border: 0px solid transparent;
outline: 0px solid #FFF;
font-size: 13px;
line-height: 22px;
color:#FFF;
overflow:hidden;
padding:1.2em 1.2em 1.4em 1.2em;
margin:1em 0em;
display:block;
}
.tipo1 { background:url(../img/banner-shop1.jpg) no-repeat; 
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;}
.tipo2 { background:url(../img/banner-industrial-applications.jpg) no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;}
.tipo3 { background:url(../img/banner-contact.jpg) no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;}
.banner h2 {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 5px;
	color:#FFF;
	font-weight:bold;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	float:left;
	padding:0px;
	border:none;
}
.banner p {
	line-height: 1.3em;
	margin-bottom: 0px;
	font-size:1.1em;
	text-align:left;
	float:left;
	clear:left;
	width:72%;
}
.banner img {
	width: auto;
	margin: 0px;
	max-width: 100%;
	float: right;
	border: 0px none;
	padding:1.5em 0em;
}
.banner span {
	display:block;
}
.banner p a.seemore {
	padding: 0.5em 1.2em;
	display: inline-block;
	text-decoration: none;
	border: medium none;
	text-transform: none;
	border-radius: 3px;
	background-color: #FFF;
	margin-top: 15px;
	color: #027C8F;
	margin-right: 10px;
	margin-bottom: 0px;
	font-size:0.9em;
	clear:both;
}
.banner p a.seemore:hover {
	background-color: #027C8F;
	color: #FFF;
}
/* form 2 */

#formulariogeneral { background:#FFF; padding:0em;}
#formulariogeneral .form-group {margin-bottom: 10px; overflow:hidden;}
#formulariogeneral .newregistre { font-weight:bold; font-size:1.3em; display:block; padding:1em 0em 0em 0em;}
#formulariogeneral .forgetyourpass { display:block;}
#formulariogeneral .forgetyourpass:hover { text-decoration:underline;}
#formulariogeneral p { font-size:1em; line-height:1.4em; padding-top:1em; margin:0px;}

label { font-weight:normal; padding:0.5em 0em 0em 0em;}
label span { display:block; float:left; padding:0px 5px;}
label .info { display:block; background:url(../img/info.png) no-repeat; width:16px; height:16px; float:left;}
.campo-menor { width:50px; padding:6px 6px; float:right;}
.campo-menor2 { width:50px; padding:6px 6px; float:left;}

.separador { width:100%; padding:0.2em; border-bottom:1px solid #e4e4e4; margin-bottom:10px;}
.separador-sin { width:100%; padding:0.2em; margin-bottom:20px;}

.btn-form {
    border: 1px solid #0f8899; color: #FFF; background-color: #0f8899; width:auto; font-weight:bold; padding:0.5em 1em; font-size:1.1em; text-transform:none; margin:0px 5px 5px; border-radius:4px;
}
.btn-form:hover, .btn-form:focus {
	color: #FFF; background-color:#17a9be; border: 1px solid #0f8899;}

.btn-form-g {
    border: 1px solid #0f8899; color: #FFF; background-color: #0f8899; width:auto; font-weight:bold; padding:0.5em 1em; font-size:1.1em; text-transform:none; margin:0px 5px 5px; border-radius:4px;
}
.btn-form-g:hover, .btn-form-g:focus {
	color: #FFF; background-color:#17a9be; border: 1px solid #0f8899;}
	
.btn-form-g2 {
    border: 1px solid #cccccc; color: #454545; background-color: #e8e8e8; width:auto; font-weight:bold; padding:0.5em 1em; font-size:1.1em; text-transform:none; margin:0px 5px 5px; border-radius:4px;
}
.btn-form-g2:hover, .btn-form-g2:focus {
	color: #454545; background-color:#cccccc; border: 1px solid #cccccc;}

.btn-form2 {
    border: 1px solid #0f8899; color: #FFF; background-color: #0f8899; width:100%; font-weight:bold; padding:0.5em 1em; font-size:1.1em; text-transform:none; margin:2em 0em 0em; border-radius:4px;
}
.btn-form2:hover, .btn-form2:focus {
	color: #FFF; background-color:#17a9be; border: 1px solid #0f8899;}
	
.btn-form3 {
    border: 1px solid #0f8899; color: #FFF; background-color: #0f8899; width:100%; font-weight:bold; padding:0.5em 1em; font-size:1.1em; text-transform:none; margin:0.1em 0em 0em; border-radius:4px; display:inline-block;
}
.btn-form3:hover, .btn-form3:focus {
	color: #FFF; background-color:#17a9be; border: 1px solid #0f8899;}


.campocolor {background:#e8f6f8; border-radius:4px; padding:5px; }
.checkbox, .radio { margin-top:3px;}
select[multiple], select[size] { height:420px;}
select[multiple].maxheight { height:240px;}
select[multiple].minheight { height:100px;}
.checkbox + .checkbox, .radio + .radio { margin-top:3px;}

.campodestacado { font-weight:bold; color:#000;}
.col-lg-8 p { color:#000; margin: 10px 0px 10px;}
.info { display:inline-block; font-size:0.9em; padding:0.2em 1.3em 1em 0em;}
.info span {display:inline-block; background:url(../img/info.png) no-repeat; width:16px; height:16px;}
.info2 { display:inline-block; font-size:0.9em; padding:0.2em 1.7em 1em 0em; background:url(../img/info.png) no-repeat right 3px; margin-right:1em;}

/**/
.fright { float:right;}
.fleft { float:left;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}
.topcenter { padding-top:3px;}
span.color { color:#0f8899; float:none; display:inline-block;}
.verde { color:#0f8899;}
.negro { color:#000;}
.red { color:#ff0000; padding:0em; font-weight:bold;} 

/* modal */
.modal-title { border:none;}

/* table */

.table > thead > tr > th { background:#d0eef6; color:#454545; border:1px solid #FFF; padding:1em; vertical-align:middle; white-space:nowrap;}
.table > tbody > tr > td { color:#454545; border:1px solid #FFF;vertical-align:middle;}
.table > tbody > tr { background:#ecf0f1; }
.table > tbody > tr:hover { background:#e8f6f8;}
.table > tbody > tr > td:first-child { padding-left:1em;}

.code { font-weight:bold; background:url(../img/lis-link.png) no-repeat right 5px; padding:0px 15px 0px 0px; display:block; float:left;}
table .btn-form { margin:2px; display:inline-block; background:#1ca6b9; color:#FFF;}
table .btn-form:hover { background:#0f8899;}
.table > tfoot > tr > td { padding:0.2em;}
.table tbody tr td.color { background:#d0eef6; color:#454545; font-weight:bold;}
.table tbody tr td.color2 { background:#dee1e2; color:#454545; font-weight:bold;}
.table tbody tr td.color3 { background:#FFF;}
.table tbody tr td.blanco { background:#FFF;}
tfoot { border-bottom:1px solid #e4e4e4;}
.table tbody tr td img { padding:1em;}
.table input { text-align:center;}


/* Messages for user */
.alert {margin: 10px 0px;}
.navbar-custom .nav li.user a { font-weight:bold; color:#0F8899;}
.navbar-custom .nav li.out-user { display:none;}


/*/////////////////////// + tablas */

.table > tbody.selectable:hover > tr { background:#e8f6f8;}
.table > tbody.selectable-not > tr 
{
    filter:alpha(opacity=50); /* IE */
    opacity: 0.5; /* Safari, Opera */
    -moz-opacity:0.50; /* FireFox */ 
}
.table > tbody > tr.separa-types { border-bottom:solid 5px #FFF;}
.table > tbody > tr.fila-t > td {font-weight:bold; color:#087483;}
.table > tbody > tr > td.no-visible { display:none;}
.table > thead > tr.doble-titular > th { font-weight:bold; color:#FFF; background:#087483;}

/* types */
.table > thead > tr > th.cab-types { text-align:center; font-size: 16px;}
.table > tbody > tr > td.imagen-types{ width:200px; text-align:center; vertical-align:middle;}
.table > tbody > tr > td.letra-types { font-weight:bold; font-size: 18px; width:50px; color:#087483; text-align:center; }
.table > tbody > tr > td.titulo-types { font-weight:bold; font-size:18px;   }
.table > tbody > tr > td.subtitulo-types { font-weight:bold;color:#087483;}
.table > tbody > tr > td.descrip-types {}

/* body type */
.table > thead > tr > th.cab-body { text-align:center; font-size: 16px;}
.table > thead > tr > th.cab-code { text-align:center; font-size: 16px;}
.table > thead > tr > th.cab-name { text-align:left; font-size: 16px;}
.table > tbody > tr > td.imagen-body-type{ width:200px; text-align:center; vertical-align:middle;}
.table > tbody > tr > td.cod-body-type { font-weight:bold; font-size: 18px; width:80px; color:#087483; text-align:center; }
.table > tbody > tr > td.name-body-type { font-weight:bold; font-size:18px;   }
.table > tbody > tr > td.tex-body-type { font-weight:bold;color:#087483;}

/* rating norm */
.table > thead > tr > th.rating-cab-code { text-align:center; font-size: 16px; width:50px;}
.table > thead > tr > th.rating-cab-name { text-align:center; font-size: 16px; width:140px;}
.table > thead > tr > th.rating-cab-pressure { text-align:center; font-size: 16px; width:100px;}
.table > thead > tr > th.rating-cab-descrip { text-align:left; font-size: 16px;}
.table > tbody > tr > td.rating-code { font-weight:bold; font-size: 14px; color:#087483; text-align:center;}
.table > tbody > tr > td.rating-name { font-weight:bold; font-size: 14px; text-align:center; }
.table > tbody > tr > td.rating-pressure  {text-align:center;}
.table > tbody > tr > td.rating-description {}

/* rating norm */
.table > thead > tr > th.material-cab-code { text-align:center; font-size: 16px; width:50px;}
.table > thead > tr > th.material-cab-name { text-align:left; font-size: 16px; }
.table > thead > tr > th.material-cab-din { text-align:left; font-size: 16px; }
.table > thead > tr > th.material-cab-ansi { text-align:left; font-size: 16px;}
.table > tbody > tr > td.material-code { font-weight:bold; color:#087483; text-align:center;}
.table > tbody > tr > td.material-name { font-weight:bold;}
.table > tbody > tr > td.material-din  {}
.table > tbody > tr > td.material-ansi {}

/* complementarios */
.pad-lat-15 {padding-right: 15px; padding-left: 15px;}
span.idioma-span { font-weight:bold;}
span.idioma-span2 { font-weight:bold; padding:0px 0px 0px 5px;}
span.idioma-span3 { padding:0px 0px 0px 5px;}
span.formula-span { font-weight:bold; font-size:18px; padding:5px 0px; letter-spacing:2px;}
span.titulo-desple { font-weight:bold; padding:0px 5px;}
.collapsing { padding:10px 10px;}
.collapse { padding:10px 10px;}
.resultado { border-bottom:solid 1px #CCC; overflow:hidden; padding: 5px 0px;}
.info-tex { font-size: 0.9em; padding: 1.5em 0em 0.5em; text-align:justify;}

/* table print */
table.tableprint > tbody > tr > td { border:1px solid #00747D; background:none; height:80px; vertical-align:top; font-size:1em;}
table.tableprint > tbody > tr > td:first-child { height:100px;}
table.tableprint > tbody > tr:hover { background:none;}
table.tableprint > tbody > tr { background:none;}
table.sinmargin { margin-bottom:0px;}
table.sinmargin > tfoot > tr > td { padding:0px;}

@media(max-width:1180px) {
	.intro {
        padding: 175px 0px 0px 0px;
    }
	.miga {
        padding: 175px 0px 0px 0px;
    }
	.top {
		text-align:center;
	}
	.top p.submenu {
		text-align:center;
	}
	footer p {
		text-align:center;
	}
	.avk {
		text-align:center;
	}
	.btn-form2 {
		margin:0em;
	}
	.btn-form-g {
		width:100%;
		margin:0.2em 0em;	
	}
	.btn-form-g2 {
		width:100%;
		margin:0.2em 0em;
	}
}
@media(min-width:768px) {
    .intro {
        height: auto; /*100%*/
    }
	.miga {
        height: auto; /*100%*/
    }

    .intro .intro-body .brand-heading {
        font-size: 100px;
    }

    .intro .intro-body .intro-text {
        font-size: 26px;
    }
	
}
@media(max-width:768px) {
	.top {
		text-align:center;
	}
	.top p.submenu {
		text-align:center;
	}
	.btn-form2 {
		margin:0em;
	}
}
@media(min-width:480px) {
	.intro {
        /*padding: 175px 0px 0px 0px;*/
    }
	.top {
		/*text-align:center;*/
	}	

}
@media(max-width:480px) {

	.intro {
        height: auto;
        padding: 142px 0px 0px 0px;
    }
	.miga {
        height: auto;
        padding: 120px 0px 0px 0px;
    }
	.top {
		display:none;
		text-align:center;
	}	
	.top p.submenu {
		text-align:center;
	}
	.ruta { background-image:none;}
}
@media(max-width:380px) {
	.banner img {
		width:20%;
	}
	.miga {
        height: auto;
        padding: 120px 0px 0px 0px;
    }
	.ruta { background-image:none;}
}

@media print {
	body {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; color: #333;	}
	.container { width:auto;}
	.navbar-brand > img { display:inline-table;}
	.submenu { display:none;}
	.navbar-fixed-top { width:auto; display:block;}
	.navbar-nav { display:none;}
	.top { padding:0px;}
	.miga {padding:100px 0px 0px;}
	.ruta { display:none;}
	.table { border:2px solid #00747D; background:none; font-size:1em;}
	.table > thead > tr > th { border:2px solid #00747D; background:none; font-size:1em;}
	.table > tbody > tr > td { border:2px solid #00747D; background:none; font-size:1em;}
	.table > tbody > tr.separa-types { border: none; background:none;}
	.table > tbody > tr:hover { background:none;}
	.table > tbody > tr { background:none;}
	.resultado {  border-bottom:2px solid #00747D;}
	.alignright .info { text-align:left;}
	#formulariogeneral { display:none;}
	#contact { display:none;}
	footer { display:none;}
}
