@charset "utf-8";
/* CSS Document */




/* TEMPLATE
   ================================================== */

.container { width:1170px; margin:0 auto;  }
.banner-icon  { width:69px; height:120px; position: absolute; z-index: 400; margin-left: 20px; margin-top: 20px; }
.titleSection  { height: 70px; padding-top: 20px;  }


/* HEADER */

#header  { height: 154px;  position: relative; background: url("../img/template/bg/bg-header.png") no-repeat center top;}

#header .contenido  {    }
#header .contenido .left { width: 320px; height: 155px; float: left;  }
#header .contenido .left .logo {  }
#header .contenido .left .logo img { margin-top: 12px; margin-left: 30px;  }
#header .contenido .right {  width: 850px;   float: left; }
#header .contenido .right .top {  width: 850px;  height: 70px; padding-top: 20px;   }
#header .contenido .right .top li { list-style: none;  color: #F76667; font-size: 18px; float: left; margin-right: 20px; padding-top: 10px; margin-left: 618px; font-weight: bold;}
#header .contenido .right .bot {  width: 850px;  height: 64px;   }


.slogan-index  { height: 96px; background: #0e156c; text-align: center; }
.slogan-index p  {  font-size: 17px; color:#FFF; padding-top: 20px;  }

#slider  { position: relative; height: 700px;  background: #0F0; }

.redes-sociales {    margin-top: 10px;  float: left; }
.redes-sociales i { color: #979797; width: 30px; }
.redes-sociales i:hover { color: #F86767; }



.separatorColors {   height:5px; background:  url("../img/template/bg/bg-separator-colors.png") no-repeat center top; }

.separatorRect { width:44px; height:3px; background: #f6af33;  margin-top: 20px; margin-bottom: 20px; }


.separatorRectAzul { width:44px; height:3px; background: #2287d4; margin: 0 auto;  margin-top: 10px; margin-bottom: 20px; }

.separatorGris { clear: both; width:1100px; height:1px; background: #EDEDED; margin: 0 auto;  margin-top: 10px; margin-bottom: 50px; }





/* ::::::: Banner Contacto  */

#section .banner-contacto { height:406px; background: #F95252 url("../img/template/memorial-medica-banner-contacto.jpg") no-repeat center top; }
#section .banner-contacto .info { width:596px; height:406px; background: #F95252; margin-left: 90px;}
#section .banner-contacto .info h1 {  font-size: 18px; color: #FFF; padding-top: 80px; }
#section .banner-contacto .info p {  font-size: 16px; color: #1c1b21; margin-bottom: 20px; }



/* FOOTER */

#footer { height:100px; color:#7b7b7b; background: #25242B;  padding-left: 30px; }
#footer .separator {  width:1px;  height:100px; background: #343339; float: left; margin-left: 120px;  }

#footer .col-1 .left { float: left;   padding-top: 15px;  }
#footer .col-1 .right { float: left;    }

#footer .col-1 {   float: left; padding-top: 12px;  }
#footer .col-1 p {  padding-left: 20px;  }

#footer .col-2 {   float: left; padding-top: 12px;  padding-left: 70px; }
#footer .col-2  li { list-style: none; padding-top: 10px;}

#footer .col-3 {   float: left; padding-top: 40px;  padding-left: 70px; }
#footer .col-3 li { list-style: none;  float: left; width:40px;  }


/* credits */

#credits {  height:250px;  background:#10247F; color:#FFF; font-size: 12px;  }



#credits .left { width: 565px; float: left; text-align: left; padding-top: 30px; padding-left: 20px; font-size: 12px; }


#credits .right { width: 565px; float: left; text-align: right; padding-top: 30px; padding-right: 20px; }

#credits .right i { padding-right: 5px;  font-size: 12px; }


#credits .right li { list-style: none; margin-top: 1px; }





/* SECTION
   ================================================== */

.underlineH1 {  width:60px; height:4px; background: #E8941A; margin: 0 auto; margin-top: 10px; margin-bottom: 30px; }

#section  {  font-family: 'Muli', sans-serif;  }
#section .separator { clear: both; width:1000px;   height:2px; background:#A01746; margin: 0 auto; margin-top: 40px; }

#section h1 { font-size: 22px; color:#141b6f; padding-top: 10px; font-weight: bold; }

.bulletrectangle { width:3px; height:44px;  background:#F9BC41; float: left; margin-right: 10px; margin-left: 50px;  }




.descargar-pdf   {  width: 300px; color: #CE323C;  }
.descargar-pdf:hover   { text-decoration: underline; }

.descargar-pdf-productos   {  width: 300px; color: #CE323C;  margin-top: 10px;   margin-left: 20px; font-size:10px;  }
.descargar-pdf-productos:hover   { text-decoration: underline; }


/* SECTION INDEX
   ================================================== */


/* ::::::: Empresa   */

#section .index .empresa {  background:#E5E8ED; padding-top: 30px; padding-bottom: 90px;}
#section .index .empresa  p {  font-size: 16px; color:#4d4d4d; text-align: justify; padding-left: 60px; padding-right: 60px;   }
#section .index .empresa  p span { font-weight: bold;  font-style: italic; color:#000;  }

#section .index .empresa .top { clear: both;  height:220px;   }
#section .index .empresa .top .left {  width: 350px; height:220px;  float: left; }
#section .index .empresa .top .left img { margin-left: 50px; margin-top: 30px; }
#section .index .empresa .top .right {  width: 820px;   float: left; padding-top: 40px; }
#section .index .empresa .bot { height:180px;   }


/* ::::::: Servicios   */

#section .index .servicios {   height:600px; background:#FFF; padding-top: 30px; padding-bottom: 90px;}

#section .index .servicios .title {   width:487px; height:66px; margin: 0 auto;  background:  url("../img/template/bg/bg-title-servicios.png") no-repeat center top; text-align: center; margin-top: 10px; margin-bottom: 40px; }
#section .index .servicios .title p { padding-top: 14px;   font-weight: bold; font-size: 16px;  color: #1b2028;     }
#section .index .servicios .title .left {   width:232px; height:66px;  float: left; color: #FFF; }
#section .index .servicios .title .left p {   color: #FFF; }
#section .index .servicios .title .right {   width:255px; height:66px; float: left;}

#section .index .servicios .item {   width:320px;   margin: 35px;  float: left; text-align: center; }
#section .index .servicios .item .top {   height:112px;  }
#section .index .servicios .item .bot {    height:109px;  }
#section .index .servicios .item .bot p { margin-left: 30px; margin-right: 30px; padding-top: 20px; font-size: 18px;  font-style: italic; }


/* ::::::: Productos   */

#section .index .productos {   height:810px; background:#F1F9FF; padding-top: 30px; padding-bottom: 90px;}


#section .index .productos .item {  width:360px;  height:340px;  margin: 14px;  float: left; text-align: center; margin-top: 40px; border: 1px solid #E0DEDC; }
#section .index .productos .item .top {   height:240px;  }
#section .index .productos .item .bot {    height:100px;  background:#FFF; }
#section .index .productos .item .bot p { margin-left: 30px; margin-right: 30px; padding-top: 20px; font-size: 18px; font-weight: bold; color: #393939; }




/* SECTION NOSOTROS
================================================== */

#section .nosotros .servicios {   height:600px; background:#FFF; padding-top: 30px; padding-bottom: 90px;}

#section .nosotros .servicios .title {   width:487px; height:66px; margin: 0 auto;  background:  url("../img/template/bg/bg-title-servicios.png") no-repeat center top; text-align: center; margin-top: 0px; margin-bottom: 40px; }
#section .nosotros .servicios .title p { padding-top: 14px;   font-weight: bold; font-size: 16px;  color: #1b2028;     }
#section .nosotros .servicios .title .left {   width:232px; height:66px;  float: left; color: #FFF; }
#section .nosotros .servicios .title .left p {   color: #FFF; }
#section .nosotros .servicios .title .right {   width:255px; height:66px; float: left;}






#section .nosotros .servicios .info { margin-top: 20px; }

#section .nosotros .servicios .info .left {  width:585px;  height:420px;  float: left;   }
#section .nosotros .servicios .info .left .top {  width:585px;  height:250px;  padding-left: 30px;   }
#section .nosotros .servicios .info .left .top span {  padding-top: 14px;  padding-left: 30px;   font-weight: bold; font-size: 20px;  color: #306ec0;   }
#section .nosotros .servicios .info .left .top p {  padding: 0px 30px;  font-size: 16px; }

#section .nosotros .servicios .info .left .bot {  width:585px;  height:170px;  padding-left: 30px;  }

#section .nosotros .servicios .info .left .bot .left {  width:292px;  height:170px; float: left;  }
#section .nosotros .servicios .info .left .bot i {  color: #1797ed; width: 30px; font-size: 18px; padding-top: 4px;  }
#section .nosotros .servicios .info .left .bot li {  list-style: none;  color: #474748; font-weight: bold; font-size: 16px; margin-top: 10px; margin-left: 24px;  }


#section .nosotros .servicios .info .left .bot .right {  width:293px;  height:170px;  float: left;  }
#section .nosotros .servicios .info .right {  width:585px;  height:420px;  float: left;  }
#section .nosotros .servicios .info .right img { margin-left: 20px; margin-top: 0px; }





#section .nosotros .productos {   height:580px; background:#F1F9FF; padding-top: 30px; padding-bottom: 90px;}
#section .nosotros .productos .item {  width:360px;  height:426px;  margin: 14px;  float: left; text-align: center; margin-top: 40px; border: 1px solid #E0DEDC; position: relative; }
#section .nosotros .productos .item .title {  width:360px;  height:152px;  position: absolute; z-index: 100; background: url("../img/servicios/bg-servicios.png") repeat center top; bottom:0; }
#section .nosotros .productos .item .title p {  font-size: 18px;  color: #FFF;  font-weight: bold;  font-style: italic; padding-top: 50px;  }
#section .nosotros .productos .item .icono  {  width:360px;  height:100px;  position: absolute; z-index: 100; padding-top: 230px;}



#section .nosotros .productos .info { padding: 0px 60px;  }
#section .nosotros .productos .info p {  font-size: 16px;   padding-top: 50px;   }
#section .nosotros .productos .info li {  list-style: none; color: #306ec0; font-weight: bold;  font-size: 22px; }
#section .nosotros .productos .info i {  font-size: 28px; color: #f24e55; padding-right: 10px; margin-top: 20px;  }





/* SECTION SERVICIOS
================================================== */

#section .servicios .servicios {   height:500px; background:#FFF; padding-top: 30px; padding-bottom: 90px;}

#section .servicios .servicios .title {   width:487px; height:66px; margin: 0 auto;  background:  url("../img/template/bg/bg-title-servicios.png") no-repeat center top; text-align: center; margin-top: 0px; margin-bottom: 40px; }
#section .servicios .servicios .title p { padding-top: 14px;   font-weight: bold; font-size: 16px;  color: #1b2028;     }
#section .servicios .servicios .title .left {   width:232px; height:66px;  float: left; color: #FFF; }
#section .servicios .servicios .title .left p {   color: #FFF; }
#section .servicios .servicios .title .right {   width:255px; height:66px; float: left;}


#section .servicios .servicios .info { }
#section .servicios .servicios .info .col {  width:585px;  height:160px;  float: left;  }
#section .servicios .servicios .info .col p { padding: 0px 60px; font-size: 16px;  color: #393939; text-align: justify; }



#section .servicios .productos {   height:980px; background:#F1F9FF; padding-top: 30px; padding-bottom: 90px;}
#section .servicios .productos .item {  width:360px;  height:426px;  margin: 14px;  float: left; text-align: center; margin-top: 40px; border: 1px solid #E0DEDC; position: relative; }
#section .servicios .productos .item .title {  width:360px;  height:152px;  position: absolute; z-index: 100; background: url("../img/servicios/bg-servicios.png") repeat center top; bottom:0; }
#section .servicios .productos .item .title p {  font-size: 18px;  color: #FFF;  font-weight: bold;  font-style: italic; padding-top: 50px;  }
#section .servicios .productos .item .icono  {  width:360px;  height:100px;  position: absolute; z-index: 100; padding-top: 230px;}









/* SECTION PRODUCTOS
================================================== */


#section .productos .servicios {   height:500px; background:#FFF; padding-top: 30px; padding-bottom: 90px;}

#section .productos .servicios .title {   width:487px; height:66px; margin: 0 auto;  background:  url("../img/template/bg/bg-title-servicios.png") no-repeat center top; text-align: center; margin-top: 0px; margin-bottom: 40px; }
#section .productos .servicios .title p { padding-top: 14px;   font-weight: bold; font-size: 16px;  color: #1b2028;     }
#section .productos .servicios .title .left {   width:232px; height:66px;  float: left; color: #FFF; }
#section .productos .servicios .title .left p {   color: #FFF; }
#section .productos .servicios .title .right {   width:255px; height:66px; float: left;}


#section .productos .servicios .info { }
#section .productos .servicios .info .col {  width:585px;  height:160px;  float: left;  }
#section .productos .servicios .info .col p { padding: 0px 60px; font-size: 16px;  color: #393939; text-align: justify; }



#section .puntosDestacados  {     }
#section .puntosDestacados .item i { color:#1797ed; }

#section .puntosDestacados .item {    margin: 15px;  float: left;  }

#section .puntosDestacados .item .left {  width:60px;    float: left; }
#section .puntosDestacados .item .right {  width:300px;    float: left;  }

#section .puntosDestacados .item .right .top {   height:50px;  }
#section .puntosDestacados .item .right .top p { font-size: 20px; color: #24226a; padding-top: 10px; font-weight: 400; }

#section .puntosDestacados .item .right .bot {   height:100px;  }
#section .puntosDestacados .item .right .bot p {  color: #474748; }



#section .productos .productos {   height:810px; background:#F1F9FF; padding-top: 30px; padding-bottom: 90px;}
#section .productos .productos .item {  width:360px;  height:340px;  margin: 14px;  float: left; text-align: center; margin-top: 40px; border: 1px solid #E0DEDC; }

#section .productos .productos .item .top {   height:240px;  }
#section .productos .productos .item .bot {    height:100px;  background:#FFF; }
#section .productos .productos .item .bot p { margin-left: 30px; margin-right: 30px; padding-top: 20px; font-size: 18px; font-weight: bold; color: #393939; }



/* SECTION CONTACTO
   ================================================== */

#section .contacto .soporte { height:570px; background:#FFF;  }



#section .contacto .soporte .info { margin-top: 20px; }
#section .contacto .soporte .info .left {  width:585px;   float: left; padding-top: 0px;   }
#section .contacto .soporte .info .left .top {  width:585px;   padding-left: 30px;   padding-top: 30px;}
#section .contacto .soporte .info .left .top span {  padding-top: 14px;  padding-left: 30px;   font-weight: bold; font-size: 20px;  color: #306ec0;   }
#section .contacto .soporte .info .left .top p {  padding: 0px 30px;  font-size: 16px; }
#section .contacto .soporte .info .left .bot {  width:585px;  padding-top: 30px;   padding-left: 30px;  }
#section .contacto .soporte .info .left .bot .left {  width:292px;  height:170px; float: left;  }
#section .contacto .soporte .info .left .bot i {  color: #1797ed; width: 30px; font-size: 18px; padding-top: 4px;  }
#section .contacto .soporte .info .left .bot li {  list-style: none;  color: #474748; font-weight: bold; font-size: 16px; margin-top: 10px; margin-left: 24px;  }
#section .contacto .soporte .info .left .bot .right {  width:293px;  height:170px;  float: left;  }
#section .contacto .soporte .info .right {  width:585px;    float: left;  }
#section .contacto .soporte .info .right img { margin-left: 20px; margin-top: 0px; }




.slogan-contacto  { height: 136px; background: #9E9E9E; line-height: 16px; }
.slogan-contacto h3  {  font-size: 18px; color:#FFF; padding-top: 20px; font-weight: bold;  font-family: 'Muli', sans-serif; padding-left: 53px; padding-top: 30px;}
.slogan-contacto p  {  font-size: 16px; color:#FFF; padding-top: 20px;  font-family: 'Muli', sans-serif; padding-left: 75px;}


.equipamiento-contacto {  height: 92px; background: #FFF url("../img/template/mx-technical-solutions-marcas-equipamiento.jpg") repeat-x center top;   }
.equipamiento-contacto .logos { height:70px;  float: left; margin-left: 15px; margin-top: 10px; }


#section .contacto { }
#section .contacto .infoContacto { height:650px;  padding-top: 40px;  background:#F3F9FF;  }
#section .contacto .infoContacto  p { clear: both; width: 1064px; font-size: 16px; color:#4d4d4d; text-align: justify;  margin: 0 auto; margin-top: 50px; }

#section .contacto .separator-title-form {  height:80px;  background:#909090; color:#FFF;  font-size: 18px; text-align: center; padding-top: 20px; }
#section .contacto .formContent { padding-top: 20px; line-height: 20px;   }
#section .contacto .formContent .left {  width:480px;    float: left; padding-left: 65px;  padding-top: 40px;   }
#section .contacto .formContent .left li { list-style: none;  font-size: 16px; margin-top: 0px;  }

#section .contacto .formContent .right {  width:585px;    float: left;   }



/*FORM CONTACT */

#contactForm {   height:400px;  margin:0 auto; padding-top:14px;  color: #5D5E64; }
#contactForm input[type=text] { background:#FFF; color: #1A1A1A; padding-left: 5px; width:416px; height:30px; border:solid 1px #dcdcdc; margin-top:5px; font-size:13px;}
#contactForm textarea { color: #1A1A1A; border:solid 1px #dcdcdc; background:#FFF; width:416px; height:100px; padding-left:5px; margin-top:20px; font-size:13px;}

#contactForm input[type=submit] { width:180px; height:34px; color:#FFF; text-align:center; cursor: pointer; font-weight:bold;   background:#EE2D35; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #FFF; text-transform: uppercase; -webkit-appearance:none; }
#contactForm input[type=submit]:hover {  color:#FFF;  background:#6E6D6D; }

.form-thanks { text-align: center; padding-top:240px; color:#306ec0; font-size:16px; font-weight:bold; }
.data-row-form  { clear:both; padding-top:24px; }
.data-row-form-text  { float:left; height:20px; width:90px; text-align:right; padding-right:10px; padding-top:10px; font-weight:bold; font-size:14px; }
.data-row-form-field  { float:left;  height:32px;  }

#contactFormContent option { }
#contactFormContent select {  width:400px; height:33px; border-color:#FFF;  border:none; border-radius:0; -webkit-appearance: none; -webkit-border-radius: 0px; background: url("../img/icons/icon-form-select.png")  no-repeat right #FFF; padding-left:10px; border: solid 1px #d2d2d2;  }







   /* :::::::    */