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

@import url(https://fonts.googleapis.com/css?family=Cabin);

/*------------------------INICIO DE ESTILOS GENERALES------------------------*/

.video{
	width: 50%;
	margin: 0 25%;
}
.video video{
	width: 100%;
}

.imagenes{
	width: 100%;
	float: left;
}
.imagenes img{
	width: 50%;
	float: left;
}

html, body{
	width:100%;
	height:100%;
	overflow-x: hidden; 
}
body{
	background: #E8E8E9;
	font-family: 'Cabin', Arial, Helvetica, sans-serif;
}
* {
	margin:0;
	padding:0;
	font-weight:normal;
}
a, a *{
	border:none;
	text-decoration:none;
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s; 
	-o-transition: all 0.5s;
 	transition: all 0.5s;
}
a:hover, a:visited, a:active{
	
}
img{
	border:none;
}
ul{
	list-style:none;
}
span{
	font-weight:bold;
	color:#009BDE;
}
p{

}

.clr{
	clear:both;
}
.clrl{
	clear:both; 
	float:left;
}
.clrr{
	clear:both;
	float:right;
}
.left{
	float:left;
}
.right{
	float:right;
}
.centrado{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin: auto;
}
.sinmargen{
	margin:0 !important;
}

/*------------------------FIN DE ESTILOS GENERALES---------------------------*/


/*------------------------INICIO DE ESTILOS LAYOUT---------------------------*/

/* header */
header{
	clear: both;
	width: 100%;
	height: 140px;
	background: url(../img/layout/header_back.png) repeat-x top;
}
	#header_cuerpo{
		position: relative;
		width: 960px;
		margin: 0 auto;
		height: 140px;	
	}
		#header_logo{
			position: relative;
			width: 285px;
			height: 140px;
			background: #E8E8E9;
			z-index: 10;
		}
        .boton_cotiza{
        	background: #f7f7f7;
        	position: absolute;
        	top: 0;
        	right: 220px;
        	width: 260px;
        	color: blue;
        	font-size: 24px;
        	text-align: center;
            margin: 0 0 10px 0;
            padding: 1px 15px 5px 15px;

            box-shadow:2px 2px 2px #000;
        }
        .boton_cotiza:hover{
        	background: #f7f7f7;
        	right: 210px;
        	padding-left: 30px;
        	padding-right: 30px;

        	 box-shadow:2px 2px 2px white;
        }
        .boton_cotiza img{
        	position: relative;
        	top: 4px;
        	height: 30px;
        	display: inline;
        }
		nav{
			float: left;
			margin: 71px 0 0 10px;
		}
			nav ul li{
				float: left;
				margin-right: 20px;
			}
			nav ul li:last-child{
				margin-right: 0;
			}
				nav ul li a{
					padding: 15px 20px;
					font-size: 16px;
					color: #ffffff;
				}
					nav ul li a:hover,
					nav ul li .activo{
						background: #53C6DA;
					}
					nav ul li a img{
						margin-right: 5px;
					}
		.boton_face{
			float: left;
			margin: 70px 5px 0 0;
		}
/* /header */

/* #slider */
#slider{
	clear: both;
	position: relative;
	width: 1920px;
	height: 381px;
	margin-top: -25px;
	margin-left: -960px;
	left: 50%;
	z-index: 5;
	border-bottom: 8px solid #53C6DA;
}
	#slider img{
		position: absolute;
	}
/* /#slider */

/* section */
section{
	clear: both;
	width: 960px;
	margin: 10px auto 0 auto;
}
	#cuerpo{
		clear: both;
		float: left;
		width: 960px;
		padding: 30px 30px 100px 30px;
		background: url(../img/layout/cuerpo_fin.png) bottom no-repeat #ffffff;
		box-sizing: border-box;
	}
		#cuerpo h2{
			float: left;
			margin: 5px 5px 0 0;
			font-size: 19px;
			color: #8D469A;
		}
		#cuerpo p{
			clear: both;
			float: left;
			margin: 20px 40px 0 40px;
			color: #AAAAAA;
			font-size: 15px;
		}
		.promociones_cuerpo{
			margin-top: 10px;	
		}
			.promociones_cuerpo .promocion{
				width: 172px;
				margin-right: 10px;
			}
			.promociones_cuerpo .promocion:last-child{
				margin-right:0;	
			}
				.promociones_cuerpo .promocion h3{
					color: #8C4699;
					margin: 5px;
					font-size: 16px;
				}
		.ver_mas{
			color:#AAAAAA;
			font-size:12px;
			margin-top:10px;
		}
		.ubicacion_info{
			width:400px;
			margin-top:175px;	
		}
			.ubicacion_info h3{
				width:300px;
				color:#8C4699;
				font-size:15px;	
			}
			.ubicacion_info a{
				margin-top:100px;
				font-size:15px;
				color:#53C6DA;
			}
		.marco_img{
			border:2px solid #DDDDDD;
			padding:10px;	
		}
		form{
			float: left;
			margin-top: 60px;
			font-family: 'Cabin', Arial, Helvetica, sans-serif;
		}
			form label{
				clear: both;
				float: left;
				width: 100px;
				color: #8D469A;
				font-size: 15px;
			}
			form input[type=text], form textarea{
				float: left;
				width: 500px;
				padding: 3px;
				margin-bottom: 15px;
				font-size: 15px;
				color: #8D469A;
				background: #BFBFBF;
				border: none;
				box-sizing: border-box;
			}
			form textarea{
				height: 100px;
				font-family: 'Cabin', Arial, Helvetica, sans-serif;
			}
			form input[type=submit]{
				clear: both;
				float: right;
				font-size: 15px;
				color: #8D469A;
				border: none;
				background: none;
				cursor: pointer;
			}
			::-webkit-input-placeholder {
				color:#ffffff;
			}
			:-moz-placeholder {
				color:#ffffff;  
			}
			::-moz-placeholder {
				color:#ffffff;  
			}
			:-ms-input-placeholder {  
				color:#ffffff;  
			}
            .contaco_info{
                margin-top: 20px;
                margin-right: 115px;
                text-align: right;
                font-size: 15px;
                color: #8C4699;
            }
                .contacto_info strong{
                    color: #52C5D9 !important;
                }
/* /section */

/* footer */
footer{
	clear: both;
	width: 100%;
	padding-top: 20px;
	height: 75px;
	background: url(../img/layout/footer_back.png);
	box-sizing: border-box;
}
	footer h4{
		color: #ffffff;
		font-size: 12px;
		text-align: center;
	}
        footer h4 a{
            color: #ffffff;
        }
/* /footer */


/*------------------------FIN DE ESTILOS LAYOUT------------------------------*/


/*------------------------INICIO DE ESTILOS NIVO------------------------*/

.nivoSlider img{
	position:absolute;
}

.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { 
	display:block; 
}

/*------------------------FIN DE ESTILOS NIVO---------------------------*/


/*------------------------INICIO DE ESTILOS POPUP-----------------------*/

.popup_txt{
    position: relative;
    background:#ffffff;
    width: 650px;
    padding:20px;
    margin:auto;
    overflow: hidden;
}
    .popup_txt div{
        width: 650px;
        color: #AAAAAA;
        font-size: 15px;
        margin-top: 20px;
        text-align: justify;
    }
    .popup_txt h3{
        font-size: 20px;
        color: #8C4699;
    }
    .popup_txt div img{
        float: right;
        margin: 0 0 5px 10px;
    }
    .popup_txt p{
        margin-bottom: 10px;
    }


/*------------------------FIN DE ESTILOS POPUP---------------------------*/