/*Footer*/
a{color:#fff}

footer{
    padding:2px 0;
    text-align:center;
    background-color:#ec1e26;
    color: #fff;
    border-top: 3px solid #000;
    width: 100%;
    bottom: 0;
    left: 0;
    }

.letras-full{
    color: black;
    text-align: justify;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12px;
    font-style: oblique;
}

/* ---------- Google Font ---------- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,800);

/* RESET STYLES */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
.italic { font-style: italic }
.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left; margin:10px; }
.alignright { float:right;margin:10px; }
.no-margin{margin:0px;}
.no-bottom{margin-bottom:0px;}
.no-padding{padding:0px;}
.margin-t{margin-top:22px;}
div { position:relative } 
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a:active,a:focus{outline: none;}

img.alignleft, img.alignright, img.aligncenter {
    margin-bottom: 11px;
}

.alignleft, img.alignleft{
display: inline;
    float: left;
    margin-right: 22px;
}

.alignright, img.alignright {
    display: inline;
    float: right;
    margin-left: 22px;
}

.aligncenter, img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    
}


article, aside, figure, footer, header, hgroup, nav, section {display: block;}


*{ 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}



html{-webkit-font-smoothing:antialiased;}

a{color:#ec1e26;}
a:hover{color:#ec1e26 ;text-decoration:underline;}

body{background:#ffffff ; /*Background url("images/grid.png")*/ 
background-position: center;
color:#3E4156;
font: 14px "Open Sans", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
line-height:1;
width:100%;}


h1{font-size:36px;line-height:1.3em; }
h2{font-size:32px;line-height:1.3em;}
h3{font-size:24px;line-height:1.3em;}
h4{font-size:18px;line-height:1.3em;}
h5{font-size:16px;}
h6{font-size:14px;}
p{padding-bottom:1px;}
p,div, span{line-height:1.5em;}
.column-clear{clear:both;}
.clear{overflow: hidden;}


.mainWrap{width:100%;margin:0 auto;} /*Largo del Menu */

.title{margin:100px 0 20px 0;
text-align:center;
color:#3E4156;}
.back{text-align:center;}

nav{display:block;
/*margin-top: 50px; Separacion de Menu*/
background:#ec1e26; /*Color del Menu*/
}

.menu{display:block; text-align: center;/*height:50px;*/} /*Agrandar y Centrar Menu*/


.menu li{display: inline-block;
position: relative;
z-index:100;}

.menu li:first-child{margin-left:0;}

.menu li a {font-weight:600;
text-decoration:none;
padding:15px;
display:block;
color:#ffffff;
font-size: 16px;

-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover, .menu li:hover > a{color:#ffffff;
background:#000;/*Hover del Menu Color*/}

.menu ul {display: none;
margin: 0;
padding: 0;
width: 100%;
position: absolute;
left: 0px;
background: #ffffff;
}

.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
.menu ul li a {font-size:16px;
font-weight:600;
display:block;
text-align: left;
color:#fff; 
/*border-left:3px solid #ffffff;*/
background:#ec1e26;/*Color de sub menu*/
}

.menu ul li a:hover, .menu ul li:hover > a{
background:#f0f0f0; 
border-left:3px solid #000; /*Orilla Sub Menu*/
color:#000;
}

.menu li:hover > ul{ display: block;}
.menu ul ul {left: 9px;
	top: 0px;
}

.mobile-menu{display:none;
width:100%;
padding:11px;
background:#ec1e26;
color:#ffffff;
text-transform:uppercase;
font-weight:600;
}
.mobile-menu:hover{background:#3E4156;
color:#ffffff;
text-decoration:none;
}


@media (min-width: 768px) and (max-width: 979px) {

.mainWrap{width:768px;}
.menu ul {top:37px;}
.menu li a{font-size:12px;
padding:8px;}
}

@media (max-width: 767px) {

.mainWrap{width:auto;/*padding:50px 20px;*/}

.menu{display:none;}

.mobile-menu{display:block;
/*margin-top:100px;*/}

nav{margin:0;
background:none;}

.menu li{display:block;
margin:0;}

.menu li a {background:#ec1e26;
color:#ffffff;
border-top:1px solid #e0e0e0;
border-left:3px solid #ffffff;}

.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#797979;
border-left:3px solid #9CA3DA;}

.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;}

.menu ul ul {left:0;}

}

@media (max-width: 480px) {

}


@media (max-width: 320px) {
}

#border{
  border-left-style: solid;
  border-left-color: black;
  border-left-width: 1px;
}

textarea.form-control{
  min-height:50px;
  max-height:200px;
}


@media only screen and (max-device-width: 600px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (device-width: 600px), only screen and (max-width: 767px) { 
    .valor{
        width: 440px; 
        height: 400px;
    }
}

@media only screen and (max-device-width: 480px), only screen and (device-width: 767px) and (device-height: 480px), only screen and (device-width: 480px), only screen and (max-width: 480px) { 
    .valor{
        width: 300px; 
        height: 260px;
    }
}

button.boton{
    background:#ec1e26;
    padding:5px 10px 5px 10px;
    color:white
}

html, body, #wrap {
   height: 100%;
}
body > #wrap {
   height: auto;
   min-height: 100%;
}
#content {
   padding-bottom: 150px; /* Misma altura que el footer */
} 
#footer {
   position: relative;
   margin-top: -150px; /* Misma altura que el footer en negativo */
   height: 150px; /* Altura del footer */
   clear: both;
}

@media (min-width: 160px) and (max-width: 765px){
    #footer{
        height:455px;
    }
}

@media (min-width: 366px) and (max-width: 419px) {
    .mapa-responsivo{
        width: 350px;
    }
}

@media (min-width: 160px) and (max-width: 365px) {
    .mapa-responsivo{
        width: 250px;
    }
}

@media(min-width:770px){
    .logo-margin{
        margin-right: 50px;
    }
}

p.aliados{
    font-weight: bold;
    font-size: 16px;
}

img.logo-imesa{
    height:65px;
}

img.logo-medisist{
    height:75px;
}

img.logo-smi{
    height: 65px;
    width: 200px;
}

img.logo-united{
    height:65px;
}