@charset "UTF-8";
/*@import url("cssextra.css");*/
/* CSS creado por treesmedia publicidad */
/* Reset */
* {margin: 0; padding: 0;}
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, address, code, img, small, strong, dl, dt, dd, ol, ul, li,fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body 		{ line-height: 1.5; font-family: helvetica, arial, sans-serif; font-weight: normal;}
input, textarea, label, legend {font-family: helvetica, arial, sans-serif;}
ol, ul 		{ list-style: none;}
h2 ul 		{ padding:0; margin:0;}
h2 ul li 	{ padding:0; margin:0;}
a, a:hover, a:visited, a:link { text-decoration: none;}

/* End Reset */
.body { background: #f2f2f2}
.footer {height: 80px;}
.top,.banner,.center,.footer { width: 100%;}
.contenido 	{
	width: 1000px;
	position: relative;
	height: auto;
	margin: 0px auto;
	background-color: #F2F2F2;
}
.clear		{clear: both;}

.full		{ width: 100%; height: auto;}
h1,h2, p {font-weight: normal; padding: 0 15px}
h2 	{color: #143d5e; font-size: 18px; padding-bottom: 10px;}
p 	{color: #9ca5af; font-size: 14px; padding-bottom: 20px}
.txtleft {text-align: left !important;}

.top .contenido img { margin-top: 7px}

/* Top */
.top { height: 80px ; background: rgba(255, 255, 255, 0.9); position: relative; z-index: 100;}
.logo { float: left;}
ul.navega { height: 80px; width: auto; float:right; margin-top: 25px;}
ul.navega li {
	font-size: 16px;	
	outline: none;
	color: #2a4154;
	float: left;
}
ul.navega li a {
	color: #2a4154;
	display: block;
    text-decoration: none;
    display: inline;
    padding: 5px 25px;
    margin-left: 15px;
}
ul.navega li a:hover {outline: solid 4px rgba(156, 165, 175, .4)}
ul.navega li.on a, ul.navega li.on a:hover {outline: solid 4px rgba(156, 165, 175, 1)}

/* banner */
.banner { height: auto; overflow: hidden;}
#bannerscollection_zoominout_opportune {margin-top: -80px;}

.foto { 
	position: relative;
	margin-top: -107px;
}
.foto img {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.foto h1 {
    position:absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 40px;
	font-weight: lighter;
	letter-spacing: 0.5px;
	color: #FFF; 
	text-shadow: black 2px 2px 2px;
}

/*Center*/
.center {
	background: #FFFFFF;
	min-height: 100px;
	height: auto;
	overflow: auto;
	padding-bottom: 30px;
}

/* footer*/
.footer_cont { width: 1000px; height: auto; margin: auto}


/*adaptados*/
@media only screen and (max-width: 1000px){
	.foto img {
	    display: block;
	    width: 150%;
	    margin: 0 auto;
		}
	}