/*!
 * Start Bootstrap - Business Casual 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 {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color:#17245A;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}

p {
    font-size: 1.25em;
    line-height: 1.6;
    color: #000;
}

hr {
    max-width: 400px;
    border: 0;
}

.brand,
.address-bar {
    display: none;
}

.brand{
	background-image:url(../img/mito-medicina-laboral.jpg);
	background-repeat:no-repeat;
	height:116px;
	background-color:#FFF;
}

.navbar-brand {
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 2px;
	color:#17245A;
	margin-top:-20px;
	margin-left:0px;
	vertical-align:top;
}




.navbar-nav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#FFF;
	
}

.img-full {
    min-width: 100%;
}

.brand-before,
.brand-name {
    text-transform: capitalize;
}

.brand-before {
    margin: 15px 0;
}

.brand-name {
    margin: 0;
    font-size: 4em;
}

.tagline-divider {
    margin: 15px auto 3px;
    max-width: 250px;
    border-color: #999999;
}

.box {
    margin-bottom: 20px;
    padding: 10px 0px;
    background: #17245A;
}

.box-interior {
    margin-bottom: 20px;
    padding: 10px 0px;
    background: #17245A;
}


.intro-text {
    text-transform: uppercase;
    font-size: 1.25em;
    font-weight: 400;
    letter-spacing: 1px;
}

.img-border {
    float: none;
    margin: 0 auto 0;
    border: #999999 solid 1px;
}

.img-left {
    float: none;
    margin: 0 auto 0;
}

.rowpie
{
	background-color:#3B7A9F;
	height:auto;
}

.boxizq{
	width:50%;
	float:left;
	height:100px;
	background-image:url(../img/telefono.jpg);
	background-position:left;
	background-repeat:no-repeat;
	background-color:#3B7A9F;
}

.boxder{
	background-color:#3B7A9F;
	width:50%;
	float:left;
	height:100px;
}

p#telef{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#FFF;
	padding-left:70px;
	padding-top:25px;
	text-align:left;}
	
p#direc{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#FFF;
	padding-right:40px;
	padding-top:20px;
	text-align:right;}
	
p#sab{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#FFF;
	padding-right:40px;
	padding-top:20px;
	text-align:right;}
	
.interior{
	height:1020px;
	background-color:#FFF;
	width:100%;
}

.box-blanco {
    margin-bottom: 20px;
    padding: 10px 0px;
    background-color: #ffffff;
	height:auto !important;
	width:100%;
}

.blanco
{
	width:100%;
	background-color:#FFFFFF;
	height:auto !important;
}



.foto{
	background-color:#ffffff;
	width:40%;
	height:500px;
	float:left;
}

.texto{
	background-color:#ffffff;
	width:60%;
	height:500px;
	float:left;
}

.texto-corto{
	background-color:#ffffff;
	width:60%;
	height:500px;
	float:left;
}

.texto-largo{
	background-color:#ffffff;
	width:60%;
	height:900px;
	float:left;
}

h1#tit-interior{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#17245A;
	margin-left:0%;
	}
	
h2#titulo-dos{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#17245A;
	margin-left:0%;
	}
	
.texto p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#333;
	width:70%;
	line-height:20px;
	}
	
.texto-corto p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#333;
	width:70%;
	line-height:20px;
	}
.texto-largo p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#333;
	width:70%;
	line-height:20px;
	}

.texto-largo h3{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	color:#17245A;
	text-transform:none;
	}


footer {
    background: #17245A;
	height:auto;
}

#men{
	margin-top:-5px;
	margin-left:-10px;
}

/*ACA EMPIEZA EL FORMULARIO VALIDADO 
SECCION CONTACTOO*/


#altausuario {
    width:70%;
    margin:0px 0px;
    padding: 0px;
	background-color:#C03;
	margin-left:3%;
   
}



#altausuario label {
    display:block;
	width: 30%;
	float:left;
	height: 25px;
	margin-top: 18px;
	text-align: left;
    color:#555557;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 25px;
	font-weight:bold;
}

#altausuario input{
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;	
}

#altausuario #nombre,
#altausuario #empresa,
#altausuario #servicio,
#altausuario #localizacion,
#altausuario #telefono,
#altausuario #email{
	width: 80%;
	height: 25px;
    padding:0px 0px 5px 0px;
	margin-top: 5px;
    border: 1px solid rgba(0,0,0,.2); 
    color:#555557;
    font-size:16px;
	float:left;

}

#altausuario #consulta{
	width: 80%;
	float:left;
	height: 60px;
    padding:0px 0px 5px 0px;
	margin-top: 20px;
    border: 1px solid rgba(0,0,0,.2); 
    color:#555557;
    font-size:16px;

}

#altausuario #nombre:focus,
#altausuario #empresa:focus,
#altausuario #servicio:focus,
#altausuario #localizacion:focus,
#altausuario #telefono:focus,
#altausuario #email:focus,
#altausuario #consulta:focus{
 	-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, .9), inset 5px 5px 15px 2px rgba(10,10,10,.4);
 	-ms-box-shadow: 0 1px 1px rgba(255, 255, 255, .9), inset 5px 5px 15px 2px rgba(10,10,10,.4);
 	-o-box-shadow: 0 1px 1px rgba(255, 255, 255, .9), inset 5px 5px 15px 2px rgba(10,10,10,.4);
 	-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .9), inset 5px 5px 15px 2px rgba(10,10,10,.4);
 	box-shadow: 0 1px 1px rgba(255, 255, 255, .9), inset 5px 5px 15px 2px rgba(10,10,10,.4);
	color:#fff;
    background-color: rgba(90, 90, 90, .4);
}

#altausuario #enviar{
	clear: both;
    border:none;
	width: 50%;
	height: 33px;
	background-color:#333333;
	background-image:url(rev1-.jpg);
    color:#fff;
    font-size:18px;
	font-weight:bold;
	margin: 17px 0px 40px 95px;
	padding-bottom:15px;
	float:left;
  
 }
#altausuario #enviar:hover{
background-image:url(rev1-hover.jpg)};

#altausuario #enviar:focus,	
#altausuario #enviar:active{	
    background-color: rgba(200, 200, 200, .05);
  	-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, .9);
 	-ms-box-shadow: 0 1px 1px rgba(255, 255, 255, .9);
 	-o-box-shadow: 0 1px 1px rgba(255, 255, 255, .9);
 	-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .9);
 	box-shadow: 0 1px 1px rgba(255, 255, 255, .9);
	background-image:url(rev1-hover.jpg);
}

.env-cat{
	clear: both;
    border:none;
	width: 206px;
	height: 35px;
	background-color:#333333;
	background-image:url(rev1-.jpg);
    color:#fff;
    font-size:18px;
	font-weight:bold;
	margin: 17px 0px 40px 95px;
	padding-bottom:15px;}



@media screen and (min-width:1025px) {
    .brand {
        display: inherit;
        margin: 0;
        padding: 30px 0 10px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 5em;
        font-weight: 700;
        line-height: normal;
        color: #fff;
    }

    .top-divider {
        margin-top: 0;
    }

    .img-left {
        float: left;
        margin-right: 25px;
    }

    .address-bar {
        display: inherit;
        margin: 0;
        padding: 0 0 40px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        text-transform: uppercase;
        font-size: 1.25em;
        font-weight: 400;
        letter-spacing: 3px;
        color: #fff;
    }

    .navbar {
        border-radius: 0;
    }

    .navbar-header {
        display: none;
    }

    .navbar {
        min-height: 0;
    }

    .navbar-default {
        border: none;
        background: #fff;
        background: rgba(255,255,255,0.9);
    }

    .nav>li>a {
        padding: 35px;
    }

    .navbar-nav>li>a {
        line-height: normal;
    }

    .navbar-nav {
        display: table;
        float: none;
        margin: 0 auto;
        table-layout: fixed;
        font-size: 1.25em;
    }
}

@media screen and (min-width:1200px) {
    .box:after {
        content: '';
        display: table;
        clear: both;
    }
}

@media screen and (max-width:480px) {
.rowpie{
	background-color:#3B7A9F;
	height:100px;
}

.interior{
	height:550px;
}

.interior-corto{
	height:550px;
	background-color:#FFF;
	width:100%;
}

.interior-largo{
	height:1050px;
	background-color:#FFF;
	width:100%;
}

.foto{
	background-color:#ffffff;
	width:95%;
	height:auto;
	float:left;
	margin-left:2%;
}

.texto{
	background-color:#ffffff;
	width:100%;
	height:600px;
	float:left;
	margin-top:0%;
}

.texto p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#333;
	width:85%;
	line-height:20px;
	margin-left:3%;
	}
	
.texto-corto{
	background-color:#ffffff;
	width:100%;
	height:400px;
	float:left;
	margin-top:0%;
}

.texto-corto p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#333;
	width:85%;
	line-height:20px;
	margin-left:3%;
	}
	
.texto-largo{
	background-color:#ffffff;
	width:100%;
	height:1000px;
	float:left;
	margin-top:0%;
}

.texto-largo p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#333;
	width:85%;
	line-height:20px;
	margin-left:3%;
	}

h1#tit-interior{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#17245A;
	margin-left:3%;
	}
	
h2#titulo-dos{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#17245A;
	margin-left:3%;
	}

#fot{
	margin-left:2%;
}

.boxizq{
	width:100%;
	float:left;
	height:auto;
	background-image:none;
	background-color:#3B7A9F;
}

.boxder{
	background-color:#3B7A9F;
	width:100%;
	float:left;
	height:auto;
}

p#telef{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#FFF;
	padding-left:2%;
	padding-top:25px;
	text-align:left;
	width:90%;}
	
p#direc{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#FFF;
	padding-left:2%;
	text-align:left;}

}

@media screen and (max-width:876px) and (min-width:481px) {


#fot{
	margin-left:2%;
	max-width:80%;
}


.texto p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#333;
	width:85%;
	line-height:20px;
	margin-left:3%;
	}
	
.interior{
	height:650px;
	background-color:#FFF;
	width:100%;
}

.interior-corto{
	height:350px;
	background-color:#FFF;
	width:100%;
}

.interior-largo{
	height:1050px;
	background-color:#FFF;
	width:100%;
}


.foto{
	background-color:#ffffff;
	width:40%;
	height:auto;
	float:left;
}

.texto{
	background-color:#ffffff;
	width:60%;
	height:650px;
	float:left;
}

.texto-corto{
	background-color:#ffffff;
	width:60%;
	height:300px;
	float:left;
}


.texto-corto p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#333;
	width:85%;
	line-height:20px;
	margin-left:3%;
	}
	
	
.texto-largo{
	background-color:#ffffff;
	width:60%;
	height:850px;
	float:left;
}


.texto-largo p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#333;
	width:85%;
	line-height:20px;
	margin-left:3%;
	}


}

@media screen and (min-width:1024px) and (max-width:1366px) {
	
.interior{
	height:650px;
	background-color:#FFF;
	width:100%;
}

.interior-largo{
	height:1050px;
	background-color:#FFF;
	width:100%;
}

.texto{
	background-color:#ffffff;
	width:60%;
	height:500px;
	float:left;
}
.texto p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#333;
	width:70%;
	line-height:20px;
	margin-left:0% !important;
	}
	
.texto-largo p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#333;
	width:70%;
	line-height:20px;
	margin-left:0% !important;
	}
.texto-corto p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#333;
	width:70%;
	line-height:20px;
	margin-left:0% !important;
	}
	
.navbar-nav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#FFF;
	
}

}