﻿@charset "utf-8";
/* CSS Document */
body{ background:url(../images/fondo-agua.jpg); background-repeat:repeat-x; background-position:top; background-color:#6bbfed; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#1a3354; font-weight:normal; text-decoration:none; font-size:18px;}
img{ border:0}
h1{ height:50px; padding:0; margin:6px 0px 0px 0px }
h2{ height:50px; padding:0; margin:0}

#contenedor{ width:949px; margin:0 auto; position:relative}
	#contenedor .top_inf{ width:949px; float:left; position:relative; z-index:1}
		#contenedor .top_inf .logo{ width:474px; float:left;}
		#contenedor .top_inf .bebe{ width:475px; float:left; text-align:right}
	#contenedor .top_sup{ width:949px; float:left; position:absolute; z-index:2; top:100px; left:0}
		#contenedor .top_sup .slogan{ width:949px; float:left; text-align:center }
		#contenedor .top_sup .menu{ width:909px; float:left; margin-left:40px}
			#contenedor .top_sup .menu ul{ width:909px; float:left;}
			#contenedor .top_sup .menu li{ display:inline; list-style:none}
	
	#contenedor .contenido{width:949px; float:left; margin-top:15px}
		#contenedor .contenido .top{width:949px; height:36px; float:left; background:url(../images/top_int.png); background-repeat:no-repeat;}
		#contenedor .contenido .mid{width:890px; float:left; background:url(../images/mid_int.png); background-repeat:repeat-y; padding:0px 29px 0px 30px}
			#contenedor .contenido .mid .left{width:526px; float:left; margin-right:11px }
				#contenedor .contenido .mid .left .bloque{width:526px; float:left; margin-top:20px }
					#contenedor .contenido .mid .left .bloque .sup{width:526px; height:19px; float:left; background:url(../images/top_int_p.jpg); background-repeat:no-repeat }
					#contenedor .contenido .mid .left .bloque .int{width:466px; float:left; background-color:#FFF; padding:0px 30px 0px 30px; text-align:center }
						#contenedor .contenido .mid .left .bloque .int p{ text-align:left }
						#contenedor .contenido .mid .left .bloque .int p.peq{ text-align:left; font-size:14px; }
						#contenedor .contenido .mid .left .bloque .int ul{ width:466px; float:left; margin:0; padding:70px 0px 70px 0px}
						#contenedor .contenido .mid .left .bloque .int li{ display:inline; list-style:none; padding:2px 2px 2px 2px; cursor:pointer}
						
					#contenedor .contenido .mid .left .bloque .inf{width:526px; height:19px; float:left; background:url(../images/bottom_int_p.jpg); background-repeat:no-repeat }
					#contenedor .contenido .mid .left .bloque .pico1{ padding-left:60px}
					#contenedor .contenido .mid .left .bloque .pico2{ padding-left:180px; display:none}
					#contenedor .contenido .mid .left .bloque .pico3{ padding-left:290px; display:none}
					#contenedor .contenido .mid .left .bloque .pico4{ padding-left:405px; display:none}
				
				#contenedor .contenido .mid .bloque_g{width:890px; float:left; margin-top:20px }
					#contenedor .contenido .mid .bloque_g .sup{width:890px; height:19px; float:left; background:url(../images/top_int_g.gif); background-repeat:no-repeat }
					#contenedor .contenido .mid .bloque_g .int{width:830px; float:left; background-color:#FFF; padding:0px 30px 0px 30px;  }
						#contenedor .contenido .mid .bloque_g .int .red{ width:200px;  float:right ; text-align:right }
							
						#contenedor .contenido .mid .bloque_g .int .titu{margin-bottom:16px }
						#contenedor .contenido .mid .bloque_g .int .bloq_preg{width:830px; float:left; margin-bottom:20px}
							#contenedor .contenido .mid .bloque_g .int .bloq_preg .bullet{width:50px; float:left; }
							#contenedor .contenido .mid .bloque_g .int .bloq_preg .pregunta{width:780px; float:left; margin-top:10px; text-align:left; font-size:14px; }
								#contenedor .contenido .mid .bloque_g .int .bloq_preg .pregunta .preg{ font-size:18px; font-weight:bold}
								#contenedor .contenido .mid .bloque_g .int .bloq_preg .pregunta ul{ width:750px; float:left;}
								#contenedor .contenido .mid .bloque_g .int .bloq_preg .pregunta li{ list-style-image:url(../images/bullet.gif); padding:0px 5px 5px 5px; margin:0}
						
						#contenedor .contenido .mid .bloque_g .int ul{ width:750px; float:left;}
						#contenedor .contenido .mid .bloque_g .int li{ list-style-image:url(../images/bullet.gif); padding:0px 5px 5px 5px; margin:0; font-size:14px;}
						#contenedor .contenido .mid .bloque_g .int p{ text-align:left; font-size:14px;}
							#contenedor .contenido .mid .bloque_g .int p a{  font-size:14px;font-family:Arial, Helvetica, sans-serif; color:#1a3354; font-weight:normal; text-decoration:none;}
							#contenedor .contenido .mid .bloque_g .int p a:hover{font-size:14px;font-family:Arial, Helvetica, sans-serif; color:#1a3354; font-weight:normal; text-decoration:underline;}
					
					#contenedor .contenido .mid .bloque_g .inf{width:890px; height:19px; float:left; background:url(../images/bottom_int_g.gif); background-repeat:no-repeat }
					
			#contenedor .contenido .mid .right{width:353px; float:left; text-align:center }
				#contenedor .contenido .mid .right .siguenos_fb{width:353px; float:left; text-align:center }
				#contenedor .contenido .mid .right .siguenos_fb .facebook{width:353px; float:left; text-align:center; border-radius:10px; background-color:#fff; padding:10px 0 10px 0}
				#contenedor .contenido .mid .right .talla{ margin-top:10px }
				#contenedor .contenido .mid .right .paquetes{ margin-top:18px }
			
			
		#contenedor .contenido .bottom{width:949px; height:35px; float:left; background:url(../images/bottom_int.png); background-repeat:no-repeat;}
	
	#contenedor .pie{ width:949px; float:left; text-align:center; margin-top:20px}
		#contenedor .redes{ width:949px; float:left; text-align:right; margin-bottom:20px}
		#contenedor .pie ul{ width:949px; float:left; margin:0; padding:0 }
		#contenedor .pie li{ display:inline; list-style:none; text-align:center; padding:20px 20px 0px 20px; margin:0}
		#contenedor .pie a{ font-size:12px; text-decoration: underline; color:#1a3354; font-weight:bold}
		#contenedor .pie a:hover{ font-size:12px; text-decoration: underline; color:#1a3354; font-weight:bold}
		#contenedor .pie p{ width:949px; float:left; text-align:center; font-size:15px;}
			#contenedor .pie p a{ font-size:15px; text-decoration: none; color:#1a3354; font-weight:normal}
			#contenedor .pie p a:hover{ font-size:15px; text-decoration: underline; color:#1a3354; font-weight:normal}



.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
        background-clip: padding-box;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    outline: 0 none;
    position: relative;
    background-color: transparent;
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: auto;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.center-block {
    text-align: center;
    margin: 0 auto;
}
.imgBlock {
    width: 150px;
    text-align: center;
    margin: 0 30px;
    display: inline-block;
}
.buyNowModal .modal-body {
    position: relative;
    padding: 15px;
}
.img-res {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: 20%;
}
.btnBuyOnline {
    background: #008cdc;
    border-radius: 10px;
    color: #fff;
    font-family: 'GothamRnd-Medium';
    font-size: 14px;
    margin: 3px;
}

/* q08282 */

.my-buyNowModal.modal{
    padding-top: 0px;
}
.my-buyNowModal .modal-header {
    padding: 15px 0 10px 0;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
	    text-align: left;
}
.my-buyNowModal .modal-header h4{
	display: inline-block;
    padding-left: 15px;
	margin:0;
}
.my-buyNowModal .modal-dialog {
    width: 480px;
    margin: 20% auto;
    background: #fff;
    border-radius: 5px;
    padding-top: 0%;
}
.my-buyNowModal .modal-content{
	padding:0;
	border-radius: 5px;
    border: #fff;
}
.my-buyNowModal .modal-body{
	padding:20px;
}
.my-buyNowModal .close {
   font-size: 30px;
    font-weight: normal;
    line-height: 1;
    color: #bfb9b9;
    text-shadow: 0 1px 0 #fff;
    top: -5px;
    right: 10px;
    border: none;
    background: none;
    position: relative;
}
.my-buyNowModal .btnBuyOnline{
	background: #008cdc;
    border-radius: 10px;
    color: #fff;
        font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin: 5px;
    display: inline-block;
    padding: 6px 22px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 8px;
    text-decoration: none;
}
