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


* { border:0;
margin:0;
padding:0;
box-sizing:border-box;}

@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@500;800&display=swap');




a { text-decoration:none; }
img, video { max-width:100%;}
ul#menu li {font-family: 'Mulish', sans-serif;}
strong, input[type="submit"],  #clientes h3, #equipo h3 {font-family: 'Mulish', sans-serif;}
h1, h2, h3 { /*font-weight:800; */ color:#FF671D; }
input[type="submit"]:hover,  a:hover  { opacity:0.8;}

h4{color:#FF671D; font-size:24px; text-align:center; margin-top:30px; padding: 0 30px}

body {font-family: 'Mulish', sans-serif; font-size:14px; color:#000; background:#fff; }

#top, #slide, #nosotros,  #equipo, #hacemos, #clientes,  #contacto, #map, #footer { 
display:block; width:1110px; background:#fff; margin:0 auto;
}
.cont { width:1110px; margin:0 auto; /*padding-top:30px; */}
 .cont, #footer .cont { padding-top:0px;}

#top {height:90px;  position:fixed; z-index:20; border-bottom:solid thin #eee; top:0; left:0; right:0; font-size:0; background-color:#FF671D; width:100%; }
#top .cont {padding:36px 0; margin:auto;}
#top .redes { text-align:right; padding-bottom:17px;}
#top .redes a{ padding-left:15px;}
h1, #nav, #menu, ul#menu li { display:inline-block;  vertical-align:bottom;}
h1 { width:20%; line-height:0;}
#nav { text-align:left; width:90%; }
ul#menu  { list-style:none; }
ul#menu li:first-child { padding-left:0;}
ul#menu li { padding-left:52px; font-size:16px; }
ul#menu li a { color:#fff; }
ul#menu li a:hover, ul#menu li.current a { color:#333; }

#logomm{padding:150px; text-align:center; padding-top: 200px;}

#biografia { width:540px; margin:auto; }

#mredes {float:right; width:110px; text-align:right; margin-top: -24px; margin-right: 28px; }

#sl{width:100%; background-color:#FF671D; display: block;  height: 540px; }

#arrmbio{ height:120px; }
#mbiografia{ text-align:center; font-size:36px; font-weight:300; padding-top: 40px;}
#fdobio{width:100%; background-color:#eee; padding:30px;}

h2{padding: 20px 0 40px 0; text-align:center; font-size:36px;}
.textonaranja{text-align:center; color:#FF671D; font-size:18px; line-height:28px; padding:20px 8px;}
.textonegro{ text-align:center; color:#333; font-size:18px; line-height:28px; padding:8px;}
.textoblanco{ text-align:center; color:#fff; font-size:18px; line-height:28px; padding:8px; width:500px; margin:auto; }


#equipo {width:100%; background-color:#eee;  padding-bottom: 30px;}
#libro1, #libro3 {width:540px; background-color:#FFFFFF; margin-right:16px; float:left; height:260px; margin-bottom:30px;}
#libro1b, #libro3b{float:right; width:320px; padding-top: 40px; }
#libro2, #libro4  {width:540px; background-color:#FFFFFF;  float:right; height:260px; margin-bottom:30px;}
#libro2b, #libro4b {float:right; width:320px; padding-top: 40px;}

.nota{width:350px; background-color:#FFFFFF; display:inline-block; margin-top:25px; box-sizing:border-box; vertical-align: top;}
.iz25{margin-left:25px;}
.fuente {text-align:center; margin:14px;}
.vmas {width:280px; background-color:#FF671D; color:#FFFFFF; padding:10px; margin:auto; text-align:center; font-weight:800; margin-top:30px; margin-bottom:30px}


#nosotros{background-image:url(images/oratoria.jpg); background-repeat:no-repeat; width:100%; background-position:center;  background-attachment: fixed; background-size: 100%; background-color:#FF671D; }
#nosotroscont {    padding: 32px 10px;}

#direc{width:50%; float:left; text-align:center;}
#telef{width:33%; float:left; text-align:center;}
#coreo{width:50%; float:right; text-align:center;}

#piepagina{width:100%; height:60px; background-color:#333333; text-align:center; color:#FFFFFF; font-size:12px; box-sizing: border-box; }

#respuesta{margin: 10px auto;
    text-align: center;
    width: 100%;
    display: inline-block;}


.col3doble {display:inline-block; vertical-align:top; width:620px; }
.col3 {display:inline-block; vertical-align:top; width:300px; }


.hover-image, .c2:hover .normal-image {
  display: none;
}

.c2:hover .hover-image {
  display: inline;
}
.c2 {
width:350px; margin:8px; display:inline-block;
}


.conlibro{float:left; padding: 30px;}

.vmas:hover {opacity: 0.5} 

#contacto .col3 { margin-right:16px;}
#contacto p {  line-height:21px; margin-bottom:24px;}
#contacto p strong { display:block; font-size:18px;  color:#009bde;}
#contacto p a{ color:#000; }
input, textarea { padding:5px 10px; color:#77777a; font:inherit; border:1px solid #999999; height:60px; background:#fff; width:100%; display:inline-block; vertical-align:top; margin:0 16px 20px 0; font-size:16px; }
input:nth-of-type(2n+2) { margin-right:0;}
textarea { height:220px; width:96%; margin-right:0; padding: 22px 10px;}
input[type="submit"] {background:#FF671D; color:#fff;  padding:0; border:none;font-size:16px; width:97%; float:right; font-weight: 800; }
#contacto form p {display:inline-block; vertical-align:middle; margin:0 16px 20px 0; line-height:30px; font-size:14px; width:40%;}

#map { height:300px;}

#footer {  font-size:0px; padding:15px 0; background:#77777a; color:#fff; }
#footer p { display:inline-block; width:50%;font-size:12px; vertical-align:middle; }
#footer p.right { text-align:right;  }
#footer a {color:#fff;}

#plib1{font-size:24px; color:#FF671D; font-weight: 800;    line-height: 22px;}
#plib2 {font-size:24px; color:#FF671D; font-weight: 800;    line-height: 22px;}
#plib3 {font-size:24px; color:#FF671D; font-weight: 800;    line-height: 22px;}
#plib4 {font-size:24px; color:#FF671D; font-weight: 800;    line-height: 22px;}

.forma {box-sizing: border-box; height:390px;}

.ti{padding-top:20px; font-size:16px;}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	color: #fff;
	display: none; padding:35px 0 8px 0;
}
.show-menu img { height:18px; vertical-align:bottom; padding-left:5px;}
/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}
#variasnotas{margin-bottom: 50px;}

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 32px;
	height: 32px;
	border: none;
	text-indent: 100%;
	background: url(images/top-move.png) no-repeat right top;
}

::-webkit-input-placeholder {color: #77777a;}
:-moz-placeholder {color: #77777a;}
::-moz-placeholder {color: #77777a;}
:-ms-input-placeholder {color: #77777a;}

#menuizq {width:48%; margin-top: 30px; margin-bottom:10px; display: inline-block; margin-left: 20px;}
#menuder {width:48%;  margin-top: 30px; margin-bottom:10px; float:right; display: inline-block;}

#mbiografia{width:10px; height:10px; z-index:999; margin-top:-70px; }
#mserv{width:10px; height:10px; z-index:999; margin-top:1720px;}
#mprensa2{width:10px; height:10px; z-index:999; margin-top:740px;}
#mcontacto{width: 10px; height: 10px; z-index: 999; margin-top: -640px; float: left;}


@media screen and (max-width: 1110px){
.cont { width:100%}
}


@media screen and (max-width: 1060px){
#top, #slide, #slide .contt, #nosotros,  #equipo, #hacemos, #clientes,  #contacto, #map, #footer { width:100%;}
#slide, #slide .contt, #map {  height:auto;}
.cont { width:96%; }

.c2{width: 31%;}
#libro2, #libro1, #libro13, #libro14 { width:49%; }
#libro1b, #libro3b { width:46%; }
#libro2b, #libro4b {width: 55%; }
#libro2b img, #libro4b img{width:40%; }
.nota { width: 31%;}

input, textarea { width: 100%; }
 input[type="submit"]  { width: 97%; }
.vmas {    width: 76%;}
}
@media screen and (max-width: 1024px){
#mprensa2{     margin-top: 660px } 
#menuder {display: inline-block;
    margin-top: -330px;}
#menuizq{    display: block;
    margin-left: 20px;}	
}

@media screen and (max-width: 940px){
.cont { width:96%; }
ul#menu li { padding-left:22px;}
.col3doble p:first-of-type { margin-bottom:20px;}
 .col3doble p img { margin-left:0; margin-top:10px; display:block;}

#libro2b {width: 50%;}

#menuizq { display:block; }
#menuder {    margin-top: -350px;}
.c2 {   margin-left: 10px;}
#mprensa2{margin-top:640px;}

}


@media screen and (max-width: 820px){
ul#menu li { padding-left:15px;}
#equipo .col3 img.foto { width:37%;}
#equipo .col3 .txt { width:61%; }
#equipo .col2-bis span { margin-top:10px; }

.c2 {    width: 30%; margin-left: 14px;}
#libro2, #libro1, #libro3, #libro4 { width: 48%; }
#libro1b,#libro2b,#libro3b, #libro4b {    width: 44%;}
#plib1 {    font-size: 20px;}

.ti {    font-size: 14px;}
#libro2b { width: 44%;}
#plib2 {font-size: 20px; }
.nota {    width: 30%;}
input[type="submit"] {
    width: 96%;
}
#mprensa2 {    margin-top: 540px;}
}


@media screen and (max-width: 768px){
h1 { width:80%; vertical-align:top;}

#top .cont { padding: 0;}

#nav { vertical-align:top; width:24%;}
/*Make dropdown links appear inline*/
	#nav ul {
		position: relative; z-index:40;display: none;
	}
	/*Create vertical spacing*/
	#nav li {
		margin-bottom: 0px;
	}
	/*Make all menu links full width*/
	#nav ul li, #nav  li a {
		width: 100%; display:block;
	}
	/*Display 'show menu' link*/
	.show-menu {
	display:block; text-transform:uppercase; line-height:20px; cursor:pointer; font-size:13px; 
	}
.show-menu img { vertical-align: text-bottom;}
ul#menu { width:200px; float:right; margin-right:17px; }
ul#menu li { padding:0;}
ul#menu li a {background:rgba(255,255,255, 0.8); color:#77777a; border:solid 1px #fff; padding:5px 10px;}
ul#menu li a:hover {background:#fff; }

.vmas { width: 90%; }
#mredes {margin-top: 30px; }
#libro1b {    width: 46%;}
#libro2b {    width: 46%;}
.c2 {    margin-left: 12px; font-size: 18px;}
.ti {    font-size: 16px;}
#menuizq { margin-left:0; }
#plib1, #plib2 {    font-size: 18px;}
.conlibro {padding: 30px 0 30px 6px; }
h4{font-size: 20px;}
#menuder {
    margin-top: -330px;
}
}

@media screen and (max-width: 690px){
#libro2, #libro1, #libro3, #libro4 {    width: 100%;}
#libro1b,  #libro2b,  #libro3b,  #libro4b {    width: 60%;}
#plib1 {    font-size: 30px;}
.ti {    font-size: 16px;}
#plib2 {    font-size: 30px;}
#nav{ width:30%}
#arrmbio {    height: 160px;}
.c2 {    width: 46%; margin-left: 14px;}
#libro2b { padding-top:20px; }
.nota{ width:47%; margin:10px; }
.iz25 {    margin-left: 0;}
#mprensa2 {    margin-top: 1040px;}

@media screen and (max-width: 670px){
#mredes{margin-right: 5px;}

}

@media screen and (max-width: 620px){
#coreo, #direc, #telef {width:100%;}
#sl { height:350px; }
#nav {    width: 33%;}
.nota {    width: 65%;    margin: 26px auto;     display:flow-root; }
#logomm {    padding: 136px;    padding-top: 153px;}
.forma {height: unset;}
.c2 {   width: 62%; margin: 20px auto; display: block;}
#coreo{margin-bottom: 40px;}
input[type="submit"] {width: 94%;}
#biografia {    width: 100%;    margin: auto;}
#mserv{ margin-top:1620px;}
#mprensa2 {    margin-top: 2140px;}
}

@media screen and (max-width: 540px){
#nav {    width: 40%;}
#logomm {    padding: 110px;    padding-top: 160px;}
#libro1b, #libro2b {    width: 58%;}
#mserv {    margin-top: 1760px;}
#mprensa2 {    margin-top: 2000px;}
}

@media screen and (max-width: 500px){
.textoblanco{ width: auto;}

#libro1b, #libro2b, #libro3b, #libro4b {    width: 56%;}
.conlibro img { max-width:80%; }
#mserv {    margin-top: 1860px;}
#mprensa2 {    margin-top: 1840px;}
}

@media screen and (max-width: 490px){

#sl {    height: 300px;}
.c2 {    width: 70%;}
#nosotros{margin-bottom: 40px;}


#menuizq, #menuder {    width: 98%;}
#menuizq {    display: inline-block;}
#menuder {float: none;   margin-top: -26px;}
#mredes{margin-right: 16px; }
input[type="submit"] { width:92%; }
#nav {    width: 40%;}
#logomm {
    padding: 90px;
    padding-top: 137px;
}
#libro1b, #libro2b, #libro3b, #libro4b {    width: 54%;}
input, textarea {    width: 98%; margin: 0 0 20px 0;}
input[type="submit"] { float:unset; }
#mserv {    margin-top: 1900px;}
#mprensa2 {    margin-top: 2020px;}
}

@media screen and (max-width: 440px){

#mredes {    margin-right: 4px;}
#sl {    height: 270px;}
#nav {
    width: 46%;
}
#libro1b, #libro2b, #libro3b, #libro4b {    width: 50%;}
h2 {    padding: 20px 8px;}
#arrmbio {    height: 221px;}
#mbiografia {margin-top: -40px; }
#mserv {    margin-top: 1900px;}
#mprensa2 {    margin-top: 1900px;}
}

@media screen and (max-width: 420px){

#nav { width:50%; }
#libro1b, #libro2b, #libro3b, #libro4b  {width: 47%;}
#plib1, #plib2 {    font-size: 26px;}
#mredes {
    margin-right: 10px;
}
#arrmbio {    height: 214px;}
#sl {    height: 312px;}
#logomm {    padding: 26px;    padding-top: 130px;}

.c2 {    width: 86%;}
.nota {    width: 88%; }
#menuizq, #menuder {    margin-left: 10px;}
#libro1b, #libro2b {width: 58%; }
.conlibro {  padding: 30px 10px 30px 10px;}
#mserv {    margin-top: 2050px;}
#mprensa2 {    margin-top: 2100px;}

}

@media screen and (max-width: 412px){
#mredes {  margin-right: 10px;}
#libro1b, #libro2b, #libro3b, #libro4b  { width: 56%;}
#logomm {    padding: 13px;    padding-top: 129px;}
#mcontacto{margin-top: -1420px;}
#mserv {    margin-top: 2100px;}
}

@media screen and (max-width: 400px){
#mredes {    margin-right: 0px;}
#logomm {    padding: 16px;     padding-top: 133px;}
.section-wrapper {    margin-top:0;}
#respuesta {    width: 100%;}
#mcontacto{ margin-top: -1200px;}
#mserv {    margin-top: 2100px;}

#libro1b, #libro2b, #libro3b, #libro4b {
    width: 54%;
	}

}

@media screen and (max-width: 360px){
#nav {    width: 55%; }
.textonaranja, .textonegro, textoblanco  {padding: 10px 2px; }
.conlibro {    padding: 30px 0px 30px 4px;}
#libro1b, #libro2b, #libro3b, #libro4b {    width: 55%;}
#menuizq, #menuder {    margin-left: 0;}
#mserv {    margin-top: 2150px;}
#mprensa2 {    margin-top: 1880px;}
}
@media screen and (max-width: 330px){
#nav {
    width: 63%;
}
}