Mister Spy Say ="Hello Kids ... :D"
 
 
     ___  ____     _              _____
    |  \/  (_)   | |            /  ___|
               | .  . |_ ___| |_ ___ _ __  \ `--. _ __  _   _
                | |\/| | / __| __/ _ \ '__|  `--. \ '_ \| | | |
                | |  | | \__ \ ||  __/ |    /\__/ / |_) | |_| |
                \_|  |_/_|___/\__\___|_|    \____/| .__/ \__, |
                                                 | |     __/ |
                                                 |_|    |___/
                                       Bot Mister Spy V3

	

Mister Spy

/*TIPOGRAFIA ---------------*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);


/* 
font-family: 'Open Sans', sans-serif;

*/



/* BODY */

body { 
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #035990;
	line-height: 25px;
	background: url(../espanol/images/fondo_jq.jpg), url(../espanol/images/ficcc_fondo_header.jpg);
	background-repeat: no-repeat, repeat-x; 
	background-position: center 110px, 0 0;

}

.fondo-gral {
	background-image: url(../espanol/images/ficcc_fondo_gral.jpg) !important;
	background-repeat: repeat-x;
	background-color: #00699d;
	background-position: top;
}


/* GENERAL */

#wrapper{
	width: 100%; 
	margin: 0 auto;
}

#content{
	width: 100%;

}

.col-940 {

	width: 940px !important;
	margin: 0 auto 30px;

	}

	
.col-940 ul li {
	
	float: left;
	margin-right: 132px;
	
	}	
	
.content-info a {
	color: #ffffff;
	text-decoration: none;
}	

.content-info a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.posicion {
	margin-bottom: -5px;
}

/*-------------*/


/* CONTENT */


.ul-especial {
	width: 515px !important;
	
	
}

.texto-banner {
	
	width: 100%;
	color: #ffffff;
	text-align: center;
	padding: 34px 0px 0px 0px;
	height: 286px;
	margin-bottom: 20px;


}
.p-autoridades {width: 536px;}

.texto-banner .col-940 h2 {
	
	font-size: 34px;
	line-height: 45px;
	margin-bottom: 20px;


}

.center {
	text-align: center !important;
}

.texto-banner .col-940 h3 {
	
	font-size: 15px;
	line-height: 35px;
	font-weight: 100;	

}

#banner-right {
	float: right;
	width: 300px;
	height: 390px;
}

.b-home {
	width: 100%;

	margin: 20px 0px;
	float: left;
}

.b-home ul {
	float: left;
	
}

.b-home ul  li{
	float: left;
}

.mas-margen-der {
	margin-right: 19px;

}


.info {

	margin: 0 auto;
	width: 78%;
	height: 50px;

}

.content-info .hoteles {

	float: left;
	width: 537px;
	margin-left: 0px;

}

.content-info .hoteles li{

	float: left;
	width: 100%;
	list-style: none;
	margin-right: 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 10px;
}

.content-info .hoteles li p{

	float: left;
	width: 307px;
	line-height: 19px;
	font-size: 13px;
	margin-bottom: 0px;

}

.content-info .hoteles li img{
	float: left;
	margin-left: 0px;
	margin-right: 10px;
}


.info img {
	margin-top: 2%;
	float: left;
	margin-right: 3%;
	
}

.info span {
	margin-top: 25px;
	float: left;
	font-size: 35px;
	line-height: 33px;
	text-align: center;
	color: #000000;
	font-weight: 600;

}

p {
	margin-bottom: 15px;

}

#nav h1 {
	
	width: 224px;
	float: left;

}

/*------------------------------------------------------------------*/

.titulo {

	float: left;
	color: #ffffff;
	font-size: 36px;
	width: 100%;
	margin-bottom: 30px;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	smargin-top: 20px;

}

.content-info h2 {
	
	margin-bottom: 10px;
	font-size: 16px;
text-decoration: underline;
}

.content-info ul {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	margin-left: 20px;
}

.content-info ul li {
	float: left;
	width: 100%;
	list-style: initial;
}

.content-info p {
	float: left;
}

.titulo-detalle {

	float: left;
	color: #1CAEFF;
	font-size: 36px;
	width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
	font-family: 'Open Sans Condensed', sans-serif;
	margin-top: 20px;

}

.subtitulo {

	float: left;
	color: #2C323A;
	font-size: 24px;
	width: 100%;
	margin-bottom: 30px;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;

}

.banner-corto {
	background-image: url(../espanol/images/fondo_banner_corto.jpg);
	background-repeat: repeat-x;
	width: 95%;
	height: 82px;
	text-align: center;
	font-size: 30px;
	margin-top: -28px;
	padding-left: 2.5%;
	padding-right: 2.5%;
	padding-top: 30px;
}

.content-info {
	width: 940px;
	/* padding: 0px 20px 20px 20px; */
	color: #ffffff;
	margin: 0px auto;
	margin-top: 40px;
}

div.info-gal {
	background: none;
	padding-bottom: 0px;
}

div.info-gal .titulo {

}

.content-info img {

	float: right;
	margin-left: 20px;
}

.contenedor-botonera-query {
	float: left;
	width: 100%;
	margin-top: 20px;
}

div.nobk {
	background:none;
}

.banner-corto span {
	margin-top: 16px;
	float: left;
	width: 100%;
	font-weight: 700;
	font-size: 26px;
}


.banner-slide {

	width: 100%;
	margin: 0 auto;
	height: 480px !important;


}

/*-------------*/

.columna-info {	
	clear: both;
	font-family: arial;
	color: #989898;
	line-height: 18px;
	padding-top: 20px;
	height: 50px;
}

.columna-info div.datos-empresa {
	width: 525px;
	clear: both;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
}

.columna-info div.copyright {
	width: 310px;
	clear: both;
	margin: 0 auto;
	font-size: 12px;
}

.columna-info span a{
	text-decoration: none;	
	color: #989898;
}

.columna-info span a:hover{
	text-decoration: underline;	
}

.colfooter_short{
	width: 210px !important;
}

/*-------------*/

.link-basico {
	font-size: 100%;
	font-family: 'aftasans';
	text-decoration: none;
	color: #F87C01;
}

.rubro-bullet{
	padding-bottom: 4px;
}

.subrubros-bullet {
	font-size: 14px;	
	color: #fff;
}

.gallery-images {
	border: 1px solid #d1d1d1;
}

.lightbox img {
	border: 1px solid #d1d1d1;
}

.login-home {
	width: 212px;
	height: 300px;
	background: black;
	float: right;
	margin-right: 20px;
	margin-top: -15px;
	border-radius: 5px 5px 5px 5px;
}

.login-titulo {
    color: #F58220;
    padding: 17px 54px;
}

.login-titulo img {
	margin-left: 10px;
}

.tit_home {
    color: #F58220;
    padding: 20px 10px 0;
    font-family: 'ExoRegular';
}

.tit_home img {
	margin-left: 10px;
}

.login-formulario {	
	padding: 20px;
	border-bottom: 1px dashed #5a5a5a;
	border-top: 1px dashed #5a5a5a;
	height: 125px;
}

.login-formulario-campos {	
	width: 100%;
	margin: 5px 0 10px 0;
}

.login-formulario-btn {	
    float: right;
    margin-right: -8px;
    margin-top: 6px;
}

.login-label {
	color: #fff;	
}

.login-bottom {
	padding: 10px 10px 0 20px;
}

a.login-link {
	color: #fff;
	line-height: 20px;
	text-decoration: none;
}

a.login-link:hover{
	text-decoration: underline;
}

.user-info {
	padding: 20px;
}

.user-info .login-label {
	padding: 5px 0;	
}

.product-social {
	margin: 10px 0;
}

.product-social-share {
	margin-right: 10px;
	color: #666666;
	font-style: italic;
	width: 175px;
	height: 34px;
	float: left;
	background: #F1F1F1;
}

.product-social-share-content {
	margin-top: 6px;
	margin-left: 10px;
}

.product-social-share-content  label{
	font-weight: bolder;
}

.product-social-share-content  a{
	margin-left: 5px;
}


.productos-relacionados {
	
}

.boton-enviar {
	background: url("../espanol/images/fondo_boton.jpg") repeat-x scroll left top transparent;
	border: medium none;
	color: white;
	cursor: pointer;
	height: 34px;
	margin-left: 127px;
	margin-top: 5px;
	text-decoration: none;
	width: 129px;
	color: #8CB300;
	font-size: 27px;
	border-radius: 10px;
	padding-bottom: 7px;
}

.envio-info {
}

.envio-info label{
	font-weight: bold;
}

.como-comprar {
	list-style: disc;
	margin-left: 25px;
	
}

.como-comprar li {
	list-style: disc;
	margin-bottom: 15px;
}
.empresa {
	margin-right: 185px;
	margin-left: 15px;
}

.clear-fix {
	clear: both;
}

.contenido-generico-izq {
	float: left;
	width: 590px;
}

.contenido-delivery-izq {
	float: left;
	width: 410px;
}
.contenido-delivery-der {
	float: right;
	width: 500px;
	height: 390px;
	margin-left: 20px;
 }
	
.contenido-generico-izq ul li {
	float: left;
	line-height: 25px;
	width: 100%;
}
.contenido-generico-izq .subtitulo {
	color: #e87802;
	font-size: 15px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 2px;
 }

.contenido-generico-der {
	float: right;
	width: 320px;
	height: 390px;
	margin-left: 20px;
 }
 
.contenido-generico-der img{

	margin-bottom: 20px;

}
 
.contenido-info ul {
	float: left;
	margin: 50px 0;
	font-size: 14px;
}

.contenido-info ul li {
	float: left;
	line-height: 25px;
	text-align: center;
	width: 100%;
}

.sublistado {
	float: left;
	width: 100%;
	height: 100px;

	}


.sublistado ul {}

.sublistado li {
	list-style: circle !important;

	}

.ayuda {
	float: left;
	width: 100%


}

.ayuda ul{
	float: left;
	width: 100%
}

.ayuda ul li{
	float: left;
	width: 100%;
	margin: 0px 0px 20px 0px;
}

.ayuda .pregunta {
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	float: left;
	margin-bottom: 10px;



}
.ayuda .respuesta {
	width: 100%;
		float: left;


}
div.si-responsive {
	display:none;
}
div.no-responsive {
	display:block;
}

#preview {
	max-width: 100%;
	height: 573px;
}

div.img-alto img#preview {
	height: 680px;
}

div.content-info p.texto-nosotros {

float: left;
width: 100%;
margin-top: 20px;

	}

	
.prod-lista {
	width: 100%;


}

.prod-lista ul {
	width: 940px;
	float: left;
	margin: 50px 0px 0px;
}
.prod-lista ul li {
	width: 300px;
	float: left;
	margin-bottom: 20px;
	margin: 0px 20px 50px 0px;

}

.prod-lista ul li.last-child{

	margin-right: 0px!important;
}

.prod-lista ul li span {
	color: #776b5e;
	font-size: 15px;
	margin-top: 20px;
	display: block;
	float: left;
	height: 47px;
	line-height: 20px;

}

.prod-lista ul li span a {
	text-decoration:none;
	color:#ffffff;
	font-size: 18px;

}

.prod-lista-btn {

	float: left;
	background-image: url(../espanol/images/fondo_btn.jpg);
	background-repeat: repeat-x;
	text-align: center;
	padding-top: 6px;
	padding: 7px 25px;
	clear: both;
	font-weight: 700; 
}

.prod-lista-btn a {

	color: #ffffff;
	text-decoration: none;
	font-size: 14px;

}


.prod-lista ul li img {
	float: left;
	width: 300px;
	margin-bottom: 0px;

}

.num-prod-lista {

	color: #1CAEFF;
	font-size: 50px;
	height: 50px; 

}

.rubro-prod-lista {
	color: #ffffff;
	font-size: 36px;
	height: 40px; 
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}

.listado-productos {

	float: left;
	background-color: #2C323A;
	width: 100%;

}



.image-preview {
	width: 100%;
	text-align: center;
	
	}
	
div.galeria-top {
	margin-top: 0px !important;
	background-color: #ffffff;
	padding-top: 20px;
}

.banner-corto div.br-span {
	width: 100%;
	margin: auto;
	line-height: 33px;
	font-weight:700;
	font-size:26px;
}

div.header-links ul li img {
	margin-right: 10px;
	float: left;
	margin-top: -6px;
}

div.header-links ul li a {
	float: left;
	margin-top: 14px;
	}

.paises-donde-estamos {	
	margin-top: 20px;
	width: 100%;
	float: left;
	text-align: center;
	}
	
.fondo-textura {
 
}

ul.vineta-roja {
	margin-top: 45px;
}

ul.vineta-roja li {
	background: url(../espanol/images/vineta_roja.png) no-repeat;
	background-position-x: 0px;
	background-position-y: 4px;
	padding-left: 15px;
	margin-bottom: 9px;
}

.banner-home-sombra {
	float: left;
	margin-top: -1px;
}

.banner-contacto-sombra {
float: left;
margin-top: 0px;
}

/* PRODUCTOS */

.product-images {
	float:left;
	width: 55%;
}

.product-description {
	float:right;
	width: 42%;	
}

.prod-detalle-cont {

	background-color: #ffffff;
	float: left;


}

div.banner-corto-detalle {
	margin-top:0px;
}

ul.ul-productos {

}

ul.ul-productos li {
	background: url(../espanol/images/vineta_roja.png) no-repeat;
	background-position-x: 0px;
	background-position-y: 4px;
	padding-left: 15px;
	margin-bottom: 9px;
}

.img-invertida {
	position: relative;
	top: 0px;	
}

.mas-top {
	position: relative;
	top: 28px !important;
}

.somb-prod {
	float: left;
	margin-top: -22px;
	width: 47.3%;
}

.ui-widget-content p{
	font-size:14px;
}



/*-------------------------NAV-----------------------*/

nav.clearfix {
	display:none;
	position: absolute;
	width: 75.43%;
	top: 40px;
	left: 24.58%;
	z-index: 1;
	padding: 8px 0;
	background: url(/espanol/baby_jogger/images/pixel_menu.png);
	background-color: #324b5f;
	opacity: 1;
}

nav ul {  
	padding: 0;  
	margin: 0 auto;  
	width: 100%;  
	overflow: hidden;	
} 

nav li:first-child {
	
}

nav li {  
    display: inline;
	height: 32px;
/*	width: 17.25%; */
	float: left;
	margin-right: 50px;
}

nav li.ultimo {  
	border-bottom: none;
}

nav li.productos-subrubros {  
    display: inline;  
    float: left;  
	height: auto;
	width: 100%;
	border-bottom: none;
	padding: 0;
	display: none;
}

nav li.productos-subrubros li {  
	width: 100%;
	padding-left: 10%;
	background-color: #d5e8ef;
	border-bottom: 1px solid #79aec0;
}

nav li.productos-subrubros a {
	color: #79aec0;
}

nav li a {
	text-decoration: none;
	line-height: 32px;
	color: #fff;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
}

nav li a:hover {

	text-decoration:none;
	color:#ED1C24;
}

nav div#pull {  
    display: none;  
} 



/*---------------------FIN NAV------------------------*/


div.product-images img {
	width:100%;
}

.thumb-list ul li img {
	width: 100%;
}

.thumb-list ul li {
	float: left;
	margin: 0 3% 0 0;
	width: 22%;
	min-height: 70px;
}

.thumb-list {
	width: 100%;
	margin-top: 15px;
}
.thumb-list ul {
	width: 100%;
	margin-top: 10px;
}


.zona-autoridades {
	width: 100%;
	float: left;

	background-color: #ffffff;

}

.zona-autoridades ul {
	width: 880px;
	margin: 0 auto;

}

.zona-autoridades ul li{

	float: left;
	margin-right: 40px;
	
}

.ultimo-li {
	margin-right:0px !important;
	  margin-top: 8px;
}


.zona-contacto {
	width: 100%;
	float: left;
	background-color: #f1f2f3;
	border-top: 1px solid #beb5c3;
	padding: 40px 0px;
	font-size: 14px;

}

.zona-contacto h2{
	
	text-align: center;
	font-size: 36px;
	color: #035990;
	margin-bottom: 10px;

}

.zona-contacto h3{
	
	text-align: center;
	font-size: 16px;
	color: #035990;
	font-weight: 100;
	margin-bottom: 30px;

}

.zona-contacto a{
	text-decoration: none; 
	color: #035990;
}

.zona-contacto a:hover{
	text-decoration: underline; 
	color: #035990;
}

.prod-info {
	width:100%;
	margin-top: 20px;
	

}

.archivos-productos {
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
}

.archivos-productos li {
	width: 100%;
	float: left;
}

.archivos-productos li a {
	text-align: center;
	color: #ff592f;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}

h6{

	text-decoration: underline;
	font-weight: 800;

}

.zona-autoridades .col-940 .ul-banners {

	float: left;
	width: 421px;
	margin-left: 30px;
	margin-right: 10px;
	margin-bottom: 20px;
}

.zona-autoridades .col-940 .ul-banners li{

	float: left;
	margin-right: 25px;

}

.zona-autoridades .col-940 .ul-banners .tit-banners{

	width: 100%;
	
}

.no-margin-izq {
	margin-right: 0px !important;

}

.tit-banners-catalogos {

	float: left;
	margin-left: 30px;
	width: 100%;

}
.desc-prog {
	float: left;
	margin-top:7px;
}