@charset "utf-8";
/* CSS Document */
body {
	margin:0px;
	background-image:url(../images/bkgr.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
img {   
	max-width: 100%;
    height: auto;
}
   
* {
    box-sizing: border-box;
}
/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}
@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}
[class*="col-"] {
    float: left;
    padding: 0px;
    border: 0px solid grey;
}
.row:after {
    content: "";
    clear: both;
    display: block;
}

.line {
	border-top:#ED1E79 3px solid;
}
.logo {
	padding:15px 5px 5px 5px;
}
.header-tel {
	margin-top: 20px;
	font: 40px 'impactregular';
	text-shadow: #FFF 0px 3px;
	color: #ED1E79;
	word-spacing: 5px;
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(left,  #f2f2f2 0%, #ffffff 50%, #f2f2f2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #f2f2f2 0%,#ffffff 50%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #f2f2f2 0%,#ffffff 50%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 */
}
@media only screen and (max-width: 700px) {
	.header-tel {
		margin-top: 0px;
		font: 20px 'impactregular';
		text-shadow: #FFF 0px 3px;
		color: #ED1E79;
		word-spacing: 0px;
	}
}

.menu {
	background-color: #662D91;
	margin-top:15px;
	font: 22px 'abadi_mt_condensed_lightRg';
	color: #FFF;
	text-align:center;
}
@media only screen and (max-width: 700px) {
	.menu {
		height:100%;
	}
}

.menu ul {
	list-style-type: none;
    overflow: hidden;
	margin:0px;
	padding:0px;
	}
.menu li {
	float: left;
	width:20%;
	}
.menu li a, .dropbtn {
	color: #FFF;
	text-decoration: none;
	display: inline-block;
    text-align: center;
    padding: 10px 15px 5px 15px;
}
.menu li a:hover, .dropdown:hover .dropbtn {
    background-color: transparent;
	color: #ED1E79;
	text-decoration: none;
}
.menu li.dropdown {
    display: inline-block;
}
.menu li a:hover:not(.active) {
	color: #ED1E79;
    background-color: transparent;
}
.active {
    color: #ED1E79;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #333;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: center;
	font-size:16px;
}
.dropdown-content a:hover {
	background-color: #f1f1f1;
}

.dropdown:hover .dropdown-content {
    display: block;
}
@media only screen and (max-width: 700px) {
	.menu li {
		width:100%;
	}
	.menu li a {
		padding: 5px 5px;
		text-align:center;
	}
	.dropdown-content {
    width:100%;
}
}
.social {
	width:33.3%;
	margin-right:auto;
	margin-left:auto;
	float:left;
}

.construccion {
	font-family: 'futurabold';
	font-size:70px;
	color: #FF0000;
}

.title h1 {
	font-family: 'futurabold';
	font-size:40px;
	color: #333;
	letter-spacing: 2px;
	line-height: 0.9;
}

@media only screen and (max-width: 800px) {
	.title h1 {
	font-size:40px;
	letter-spacing: 0px;
	line-height: 1;
	}
}
.title h2 {
	font-family: 'futura_icg_bookoblique';
	font-size:25px;
	color: #333;
	line-height: 0.8;
}
@media only screen and (max-width: 800px) {
	.title h2 {
	font-size:20px;
	}
}
.title p {
	font-family: 'futura_icg_bookoblique';
	font-size:17px;
	color: #333;
}
.products {
	padding:0px 0px 10px 0px;
	text-align:center;
	margin-top:20px;
	border:1px solid #fff;
	background-color:#F3F0F7;	
}
.products a {
	font-family: 'futura_bkbook';
	color:#333;
	font-size:15px;
	text-decoration:none;
}
.products a:hover {
	color:#ED1E79;
	text-decoration:none;
	display: block;
}
.products strong {
	color:#ED1E79;
}
.products img {
	width: 100%;
    height: auto;
}

.productslist {
	padding:0px 0px 10px 0px;
	text-align:justify;
	margin-top:20px;
	border:1px solid #fff;
	background-color:#F3F0F7;	
}
.productslist a {
	font-family: 'futura_bkbook';
	color:#333;
	font-size:15px;
	text-decoration:none;
}
.productslist a:hover {
	color:#ED1E79;
	text-decoration:none;
	display: block;
}
.productslist strong {
	color:#ED1E79;
}
.productslist img {
	width: 100%;
    height: auto;
}


.b-cotizar a {
	padding: 5px 35px;
	background-color: #29ABE2;
	font: 18px 'futura_bkbook', sans-serif;
	color:#FFF;
	text-decoration:none;
	text-align: center;
	display: inline-block;
	webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-ms-transition: background .2s linear;
	-o-transition: background .2s linear;
	transition: background .2s linear;
}
.b-cotizar a:hover {
	padding: 5px 35px;
	background-color: #ED1E79;
	color: #FFF;
	display: inline-block;
	webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-ms-transition: background .2s linear;
	-o-transition: background .2s linear;
	transition: background .2s linear;
}

.formas {
	background-color: #F3F0F7;
	text-align:center;
	margin-top:20px;
}
.formas-pago {
	padding: 15px;
	border-right: #FFF solid thin;
}
.formas-pago p {
	font: 14px 'lucida_sansitalic';
	color: #333;
}
.formas-title {
	font: 20px 'lucida_sansdemibold_italic';
	color: #333;
}
.formas-pago2 {
	padding: 15px;
}
.formas-pago2 p {
	font: 14px 'lucida_sansitalic';
	color: #333;
}
.formas-title2 {
	font: 20px 'lucida_sansdemibold_italic';
	color: #333;
}
.pie {
	padding:15px;
	background-color:#662D91;
	margin-top:15px;
}
.pie-section {
	padding: 15px;
}
.pie-section p {	
	font: 14px 'lucida_sansitalic';
	color: #F3F0F7;
}
.pie-title {
	font: 18px 'lucida_sansdemibold_italic';
	color: #F3F0F7;
}

input[type=text], select {
    width: 100%;
    padding: 5px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
	font: 14px 'lucida_sansitalic';
	color: #333;
}
input[type=submit] {
	width: 100%;
	background-color: #D61167;
	padding: 5px 20px;
	margin: 8px 0;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font: 14px 'lucida_sansdemibold_italic';
	color: #F3F0F7;	
}
input[type=submit]:hover {
    background-color: #ED1E79;
}
.form {
    background-color: #662D91;
    padding: 20px;
	font: 14px 'lucida_sansitalic';
	color: #fff;
}
.form p {
	font: 14px 'lucida_sansitalic';
	color: #fff;
}

.form2 {
    background-color: #F3F0F7;
    padding: 20px;
	font: 14px 'lucida_sansitalic';
	color: #333;
}


.form2 textarea {
	width: 100%;
    padding: 5px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
	font: 14px 'lucida_sansitalic';
	color: #333;	
    height: 150px;
    resize: none;
}

.error {color: #FF0000;}

.pie-icons {
	padding: 15px;
	margin-top: 25px;
	border-right: #FFF solid thin;
}
.pie-iconstxt {
	padding: 10px;
	margin-top: 5px;
}
.pie-iconstxt2 {
	padding: 20px;
	margin-top: 5px;
}
.pie a {
	font: 13px 'lucida_sansdemibold_italic';
	color: #F3F0F7;
	text-decoration:none;
}
.pie a:hover {
	font: 13px 'lucida_sansdemibold_italic';
	color: #D61167;
	text-decoration:none;
}
.pie strong {
	color:#ED1E79;
}

.telefonos-gde {
	font: 35px 'abadi_mt_condensed_lightRg';
	color:#333;
}
.address {
	font: 15px 'lucida_sansdemibold_italic';
	color:#662D91;
}
.pad {
	padding: 15px;	
}

.legal p {
	font: 10px 'lucida_sansitalic';
	color:#333;
}
.legal h2 {
	font: 10px 'lucida_sansdemibold_italic';
	color:#333;
}

.data {
	padding:15px;
	color:#662D91;
	background-color:#F3F0F7;
}
.data h2 {
	font: 16px 'lucida_sansdemibold_italic';
}
.data li {
	font: 14px 'lucida_sansitalic';
}

.content {
	padding:15px 15px 15px 25px;
	color:#333;
}
.content h2 {
	font: 22px 'futurabold';
	color:#ED1E79;
}
.content h3 {
	font: 20px 'futura_icg_bookoblique';
}
.content p {
	font: 16px 'futura_bkbook';
}
.content b {
	color:#ED1E79;
}


.content a {
	font: 16px 'lucida_sansitalic';
}

.content a:hover {
	font: 16px 'lucida_sansitalic';
}