body, html {margin:0; padding:0; background: #F6F8F9;}

header {width:100%; min-height:80px; height: auto; background: #181E19; display: flex; align-items: center; position: fixed; top:0; z-index: 99;}

#header {width:90%; margin: 0 auto;}

#tdlogo {width: auto; display: inline-block;}

#tdmenu {width: auto; float: right;}

.link {text-decoration: none; color: #000;}

.link:hover {text-decoration: underline; color: #00DDE5;}

.reloj { text-align: center; color:#3F3F3F; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size:20px; }
#MessagePOST { text-align: center; color:#3F3F3F; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size:20px; }
.rows { width: 100%; height: 40px; border-bottom: 1px solid #CCC; padding: 5px }
.rows a { text-decoration: none;color:#00DDE5 }
/* MENU */

* {

	padding:0;

	margin:0;

	-webkit-box-sizing:border-box;

	-moz-box-sizing:border-box;

	box-sizing:border-box;

}





section {

	padding:20px;

}



.menu_bar {

	display:none;

}



header {

	width: 100%;

}



header nav {

	z-index:1000;

float:right;

}



header nav ul {

	list-style:none;

}



header nav ul li {

	display:inline-block;

	/*La razon por la que no usamos floar en vez de inline-block es

	porque no vamos a poder usar overflows en el header nav ul*/

	position: relative;

}



header nav ul li:hover .children {

	display: block;

}



/*Submenu*/

header nav ul li .children {

	background: #000;

	position: absolute;

	display: none;

	width: 200px;

	z-index: 1000;

}



header nav ul li .children li {

	display: block;

	overflow: hidden;

}



header nav ul li .children li a {

	display: block;

}



header nav ul .children li a span {

	float: right;

	position: relative;

	top:3px;

	margin-right: 0px;

	margin-left:10px;

}



header nav ul li a {



	text-decoration: none;

	display: inline-block;

	padding: 15px 10px 15px 10px;

}



header nav ul li:hover {

	 /*background: #F7F7F7;*/

}



header nav ul li span {

	margin-right:10px;

}



header nav ul li .caret {

	position: relative;

	top: 3px;

	margin-left: 10px;

	margin-right: 0;

}





.bot {color:#fff; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size:13px; text-decoration: none;}

.bot a:hover {color:#00DDE5; text-decoration: none;}

.bot1 {text-decoration: none;}

.bot1:hover {text-decoration: none;}

.txtslide {color:#fff; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size:15px; text-shadow: 2px 2px #000;}

.titslide {color:#fff; font-family: 'Montserrat', sans-serif; font-weight: 900; font-size:40px; text-shadow: 3px 3px #000;}

h1, h2 {color:#3F3F3F; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size:20px; line-height: 2.0;}

h3 {color:#3F3F3F; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size:18px; line-height: 2.0; text-align: left; min-height: 60px; height: auto;}

h4 {font-family: 'Montserrat', sans-serif; font-weight: 700; font-size:18px; line-height: 2.0;}

p {font-family: 'Montserrat', sans-serif; font-weight: 500; font-size:14px; line-height: 1.7;}



#uno h2 {margin:40px 0 0 0;}



.montblsm {color:#fff; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size:12px;}

.monttur {color:#1E80A5; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size:14px;}

.monttur2 {color:#00DDE5; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size:16px;}

.btnclass {color:#fff; font-size: 15px; font-weight: 600; text-decoration: none;}

.btnclass1 {width: 50%; display: inline-block; background: #00DDE5; color:#fff; font-size: 15px; font-weight: 600; text-decoration: none; text-align: center; border: 0;  padding: 12px 5px; transition:background .4s; vertical-align: top;  cursor: pointer; text-decoration: none;}

.btnclass1:hover {background: #000; color: #fff; border: 0;}

.btnclass2 {width: 50%; display: inline-block; background: #007E82; color:#fff; font-size: 15px; font-weight: 600; text-decoration: none; text-align: center; border: 0;  padding: 12px 5px; transition:background .4s; vertical-align: top;  cursor: pointer; text-decoration: none;}

.btnclass2:hover {background: #000; color: #fff; border: 0;}

.linkturq {color:#00DDE5; text-decoration: none}

.linkturq:hover {color:#000; }

.linkpetr {color:#007E82; text-decoration: none}

.linkpetr:hover {color:#000; }



.btnlogin{

  width:auto;

  padding:0 10px;

border: 1px solid #00DDE5;

background:#00DDE5;

border-radius: 50px 50px; -moz-border-radius: 50px 50px; 

  color:#fff;

  font-size: 16px;

  transition:background .4s;

  cursor:pointer;

 font-family: 'Montserrat', sans-serif; font-weight: 500;

 text-align:center;

}



.btnlogin:hover{

  background:transparent;

}



.btnremate1{

  width:auto;

  padding: 20px 40px;

border: 1px solid #00DDE5;

background:#00DDE5;

border-radius: 50px 50px; -moz-border-radius: 50px 50px; 

  transition:background .4s;

  cursor:pointer;

  color:#000; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size:13px; 

}



.btnremate1:hover{

  background:#000;

  color: #fff !important;

}



.btnremate2{

  width:auto;

  padding: 20px 40px;

border: 1px solid #000;

background:#000;

border-radius: 50px 50px; -moz-border-radius: 50px 50px; 

  transition:background .4s;

  cursor:pointer;

  color:#fff; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size:13px; 

}



.btnremate2:hover{

  background:#00DDE5;

  color: #000 !important;

}



.btnremateno{

  width:auto;

  padding:10px 20px;

border: 1px solid #D6D6D6;

background:#D6D6D6;

border-radius: 50px 50px; -moz-border-radius: 50px 50px; 

  color:#A4A4A4;

  font-size: 14px;

 font-family: 'Montserrat', sans-serif; font-weight: 500;

 text-align:center;

}





/* FIN MENU */



footer {background: #181E19; width: 100%; padding: 60px 0; overflow: auto;}

#footer {width: 90%; margin: 0 auto;}

#tdfoo {line-height: 2.0; width: 70%; float: left;}

.botfoo {color:#BDB8B2; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size:13px; text-decoration: none; padding: 0 10px 0 0;}

.botfoo a:hover {color:#00DDE5;}

#content {width:90%; overflow:auto; height: auto; margin: 0 auto; text-align: center;}

#contentland {width:90%; overflow:auto; height: auto; margin: 120px auto 40px auto; text-align: center;}

#content2 {width:90%; height: auto; margin: 40px auto; text-align: center;}

#content3 {width:1000px; overflow:auto; height: auto; margin: 40px auto; text-align: center;}

#homecol1 {width:49%; display: inline-block; text-align:center; overflow: auto; padding:40px 20px; vertical-align:top;}

#homecol2 {width:49%; display: inline-block; background: #ECECEC; text-align:center; overflow: auto; padding:40px 20px; vertical-align:top;}

#imgpreview {width: 240px; height: auto;}


#slide1 {background: url(../img/demo.jpg) no-repeat center; background-size: cover;}

#slide2 {background: url(../img/demo.jpg) no-repeat center; background-size: cover;}

#slide3 {background: url(../img/demo.jpg) no-repeat center; background-size: cover;}



#prodpreview {width:250px; min-height: 300px; border: 1px solid #D8D8D8; padding:5px; display: inline-block; vertical-align: top; position: relative; margin: 0 20px 20px 0;}

#bagdepreview {position: absolute; top: 10px; left:5px; padding:5px; background: #00DDE5;}

#bagdepreview2 {position: absolute; top: 10px; left:5px; padding:5px; background: #007E82;}

#productcoldate {width: 48%; display: inline-block; text-align: left;}



#faq {background: url(../img/faq.svg) no-repeat left; padding: 10px 10px 10px 35px; width: 160px; margin: 10px auto;}

.faq {font-weight: 700; font-size:13px; text-decoration: none; color:#3F3F3F; }







.boxes #uno {

  display: block;

  width: 95%;

  background: #fff;

  margin: 5px 1%;

  padding: 10px;

  text-align: left;

}



.boxes #uno:nth-of-type(even) {

  background: #fff;

}



#imgdet {width:100%; max-width: 800px;}

#yb {width: 800px; height: 540px; margin: 0 auto; text-align:center; clear:both;}

#detalledescrip {display: inline-block; min-width: 30%; width: auto; text-align: left; padding: 5px; margin: 5px 5px 5px 0; overflow: auto;}

#generaldescrip {display: inline-block; min-width: 100%; text-align: left; padding: 10px; margin: 5px 5px 5px 0; overflow: auto; border-top: 1px dotted #000;}

#generaldescrip p {padding: 10px 0;}

#generaldescrip h3 {min-height: 0;}

#tdventa {width: auto; margin: 20px auto; text-align: center;}

#coloferta {width: auto; max-width: 45%; display: inline-block; overflow: auto; vertical-align: top; margin: 10px 20px 10px 10px; text-align: left;}

#coloferta1 {width: auto; max-width: 45%; min-width: 100px; display: inline-block; overflow: auto; vertical-align: top; margin: 5px 20px 5px 10px; text-align: right;}

#btnr {display: block; margin: 20px auto; text-align: center;}

#titchat {text-align: center; margin: 40px 0 0 0;}

#bgchat {width: auto; overflow: auto; background: #D8D8D8; padding: 15px 20px; margin: 5px 10px;}

#msg {widows: auto; padding: 10px; background: #fff; margin: 10px 5px; text-align: center;}

#bgofert {width: auto; overflow: auto; background: #F6F8F9; padding: 15px 20px; margin: 5px 10px;}

#btno {display: block; margin: 10px 0; text-align: center;}

#contentform {background: #fff; padding: 60px; width: 500px; display: block; margin: 0 auto;}





.textbox2{

  min-height: 35px;
 
 height: auto;

  width:100%;

  box-sizing:border-box;

  border:1px solid #fff;

  background:#F6F8F9;

  padding:20px;

  margin-bottom:14px;

  z-index:999;

  font-family: 'Montserrat', sans-serif;

  font-size:18px;

  color:#333;

  font-weight:500;

}



.textbox2:focus{

  outline:none;

   border:0;

   color:#B2396E;

   background:#F2F2F4;

   border:1px solid F2F2F4;

}

.msgbox2{
  height:180px;
  width:100%;
  box-sizing:border-box;
  border:1px solid #fff;
  background:#F6F8F9;
  padding:8px 10px;
  margin-bottom:14px;
  z-index:999;
  font-family: 'Montserrat', sans-serif;
font-size:18px;
color:#333;
font-weight:500;
}

.msgbox2:focus{
  outline:none;
   border:0;
   color:#B2396E;
   background:#F2F2F4;
   border:1px solid #F2F2F4;
}




#contentLand {width: 100%; height: 300px; margin: 80px 0 0 0;}

#blockRem {display: inline-block; margin: 20px; text-align: center;}
.imgIc {height: 250px; width: 250px; background-repeat: no-repeat; background-position: 50%; border-radius: 50%; background-size: 100% auto;}

#encLand {width: 100%; margin: 80px 0 0 0;}


.part {text-align: left; line-height: 2.0; background: url(../img/ic.png) no-repeat top left; background-position: 0 5px; padding: 0 0 0 20px;}

#contentland2 {width:1200px; margin: 20px auto; border-bottom: dotted 1px; padding: 0 0 40px 0;}
#col1Land {width:58%; display: inline-block; text-align: left; vertical-align: top;}
#col2Perm {width:38%; display: inline-block; vertical-align: top; height: 300px; background: #007E82; margin: 0 0 0 2%;}
#col2Vivo {width:38%; display: inline-block; vertical-align: top; height: 300px; background: #00DDE5; margin: 0 0 0 2%;}
.titbanner {font-size: 20px; color:#fff;padding: 100px 40px; font-weight: bold;}
.titbanner2 {font-size: 20px; color:#000; padding: 60px 40px; font-weight: bold;}

#bgprod {padding:20px; background: #EAEAEA;}
#pad1 {padding:0 0 20px 0;}
#pad2 {padding:20px 0 0 0;}

#col2cont {
    width: 38%;
    display: inline-block;
    vertical-align: top;
    height: auto;
    padding: 20px;
    background: #007E82;
    margin: 0 0 0 2%;
}