/* CSS RESET to reduce browser inconsistencies */ 

@import url("http://yfspain.com/public/frontend/css/reset.css");
@import url("http://yfspain.com/public/frontend/css/estructura.css");
@import url("http://yfspain.com/public/frontend/css/imagen-ampliada.css");


body{font-weight:normal;}

.newbutton{
display:block;
background:url('http://www.yfspain.com/images/newbutton.png') no-repeat;
text-align:center;
line-height:44px;
padding-left:20px;
font-size:18px;
color:black;
width:186px;
}

.blankbutton{
display:block;
background:url('http://www.yfspain.com/images/newblank.png') no-repeat;
text-align:center;
line-height:44px;
padding-left:20px;
font-size:18px;
color:black;
}

.methods-say {padding-top:10px;clear:both;margin-bottom:-5px;}
#blackorwhite{padding:10px;background-color:white}
#black_logo{display:none;}
.highlighted{
	background-color:black;
	padding:5px;
	color:#fff!important;
	display:inline;
	padding-left:0px;
	padding-right:0px;
}
#contenido_paginacion{
	min-height:100%;
}
#footer {
	background-color:white;
	margin-top:40px;
}
/*Follow us*/
	#followus{color:black;font-size:16px;}
	.redes-sociales span.siguenos-en {
	font-size:11px;
	}
	.redes-sociales a {
	display:block;
	float:left;
	height:25px;
	margin:0 10px 0 0;
	overflow:hidden;
	text-indent:2222px;
	width:24px;
	}
	.redes-sociales a.facebook {
	background:url("http://www.yfspain.com/public/frontend/img/btn-facebook.gif") no-repeat scroll 0 0 transparent;
	}.redes-sociales a.facebook:hover {
	background:url("http://www.yfspain.com/public/frontend/img/btn-facebook-on.gif") no-repeat scroll 0 0 transparent;
	}
	.redes-sociales a.twitter {
	background:url("http://www.yfspain.com/public/frontend/img/btn-twitter.gif") no-repeat scroll 0 0 transparent;
	}.redes-sociales a.twitter:hover {
	background:url("http://www.yfspain.com/public/frontend/img/btn-twitter-on.gif") no-repeat scroll 0 0 transparent;
	}

/*Signup Page*/
	.error { text-align:center; padding-left:10px; padding-right:10px;background-color:pink; font-size:18px; width:480px} 
/*General*/
	.middle-account .warning{ text-align:center; padding:10px; background-color:pink; font-size:18px;} 

/*Login Page*/
	#login input[type="text"],#login input[type="password"] {font-size:18px; height:22px; line-height:22px; width:300px;}
	#login a:hover {color:#F18D1C;}
	a.box-link {clear:both;background-color:#F18D1C;color:#000;width:120px;text-align:center;padding:5px 10px 5px 10px}
	a.box-link:hover {text-decoration:underline;color:#000!important;}


/*Migration and modification for opencart*/
#descripcion_modelo{text-align:justify;}


.col-derecha .menu ul.izq {
float:left;
margin-left:40px;
width:450px;
}

.totals{ margin-bottom:10px;}
.totals p{ clear:both; display:block;}
.totals div {text-align:center;font-weight:bold;font-size:13px}
.totals div a{text-decoration:underline;color:#F18D1C;}
.ficha .color-vista span.comprar {margin-top:0px!important;}


	#content{
		margin:40px;
		margin-top:75px;
		width:740px;
		text-align:justify;
		font-style:normal;
		line-height:18px;
		}
	#content .logo {
		border-bottom:3px black solid;
		margin-bottom:10px;
	}
	
	.center-account {
		margin-top:165px;
		width:720px;
		padding-bottom:15px;
		border-bottom:3px solid black;
	}
	.middle-account a {
		/*color:#F18D1C;*/
		color:black;
		text-decoration:none;
	}

.middle-account a span:hover {
		/*color:#F18D1C;*/
		color:black;
		text-decoration:underline;
	}

	.middle-account{
		width:720px;
		line-height:35px;
	}
	.middle-account a.button {
		margin-top:10px!important;
	}
	.middle-account .button span{
		display:block;
		margin-top:10px;
		background-color:#F18D1C;
		padding:5px;
		margin-right:10px;
	}
	.middle-account .button a span{
		color:black!important;
		text-decoration:underline!important;
	}
	.middle-account #cart{
		width:720px;
	}
	.middle-account #cart td{
		text-align:center;
	}
	
	.middle-account div table tr:hover{ border:1px solid #F18D1C;}
	.middle-account div table tr td{padding:4px;}
	.middle-account div table tr td input[type="text"],.middle-account div table tr td select, div table tr td input[type="password"]{ width:500px; height:22px;line-height:22px;font-size:18px}
	.middle-account div table tr td textarea{ width:500px;line-height:22px;font-size:18px}
	.middle-account div table tr td{vertical-align:middle}
	.even{
		background-color:#f3f3f3;
		border:1px solid #DDDDDD;
	}
	.odd{
		background-color:white;
	}
	.even td,.odd td{
		padding:5px;
		padding-bottom:0;
		text-align:center;
		vertical-align:middle;
	}
/*---------------------------------------*/
.velo{

margin: 0;
    padding: 0;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    background-color: #FFF;
    position: absolute;
	height: 100%;
	width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    color: white;
    vertical-align: middle;
    font-size: 20pt;

}
.col-izquierda .menu ul li ul{padding:0}
.contenedor-principal{ width:994px; height:100%;}
.col-izquierda{ width:240px; height:100%; float:left;}
.cuadros-home{background:url("http://www.yfspain.com/public/frontend/img/bg-cuadros.gif") repeat;}
.col-izquierda img.logo-home{ margin:23px 0 25px 29px;}

/*---a?adido para el texto subvencion----*/
.pie .datos-home ul{display:inline-block; overflow:hidden; background:#000; padding:8px 8px 8px 40px; float:left;}
.pie .datos-home ul li{ float:left; font-size:11px; color:#fff; padding:1px;}
.pie .datos-home ul li a{color:#fff; text-decoration:none;}
.pie .datos-home ul li a:hover{color:#f18d1c;}
.pie .datos-home ul span.sep{ color:#f18d1c; padding:0 2px 0 2px;}
.datos-home br{ width:100%; display:block; clear:both; line-height:0;}

/*----------parrafo----------------*/
.col-508 .parrafo{ width:100%; float:left; border-bottom:1px solid #000; margin:0 0 18px 0; padding-bottom:20px;}
.col-508 .parrafo h2{ font-size:15px; font-weight:bold; background:url(http://www.yfspain.com/public/frontend/img//boliche2.jpg) left no-repeat; padding:0 0 0px 12px; margin:0 0 6px 0;}
.col-508 .parrafo p{ padding:0 12px 0 12px; line-height:18px; font-style:normal; font-size:12px;}
.col-508 .parrafo a{ color:#f18d18; text-decoration:none; font-size:12px; font-weight:bold; padding:6px 0 0 12px; float:left }
.col-508 .parrafo a:hover{ text-decoration:underline;}
.parrafo-encabezado{ width:270px; height:174px; float:left; border-bottom:3px solid #000; margin:0 0 18px 0; padding-bottom:20px; position:relative;}
.parrafo-encabezado p{ padding-left:0; font-style:italic; position:absolute; bottom:15px; line-height:16px;}

/*------contacto---------------*/
.contacto{width:714px; float:left; margin-top:-20px;}
.contacto .direccion{ width:270px; margin:0 30px 0 0; float:left;}
.contacto .direccion .parrafo-encabezado{ width:270px; float:left; border-bottom:3px solid #000; padding-bottom:20px;}
.contacto .parrafo-encabezado p{ padding-left:0;}
.contacto .direccion .datos{ font-size:20px; border-bottom:1px solid #000; padding:14px 0 13px 0; float:left; width:100%; letter-spacing:-1px; line-height:22px; overflow:hidden;}
.contacto .direccion .datos span.direccion2{ font-size:16px; line-height:18px; float:left; padding-bottom:7px;}
.contacto .direccion .datos .peq{ font-size:15px; letter-spacing:0;}
.contacto .direccion .datos a.peq{color:#000;}
.contacto .direccion .borde-grueso{ border-bottom:3px solid #000;}
.contacto .mapa{ width:414px; float:left; border-top:10px solid #000; border-bottom:3px solid #000; padding:10px 0 9px 0}
.contacto .mapa .contenedor-mapa{width:414px; height:350px; overflow:hidden;}

/*------productos---------------*/
.productos{width:714px; float:left; margin:74px 0 0 0;}
.productos .nav-gafas{ float:left; width:600px; margin:20px 0 15px 0;}
.productos .nav-gafas img{ float:left; cursor:pointer; margin:0 4px 0 4px;}

.columna-productos{ width:280px;}
.productos .logo{ width:270px; margin-top:119px; border-bottom:3px solid #000; margin-bottom:4px; position:relative;}
.productos .logo img{ position:absolute; bottom:0;}
.productos .izq{ float:left;}
.productos .der{ float:right;}
.columna-productos .modelo{ width:100%;  overflow:hidden; float:left;}
.columna-productos .modelo span.nombre{ display:block; font-size:15px; font-weight:bold; padding:0 0 2px 0; letter-spacing:-1px;}
.columna-productos .modelo span.ref{ display:block; font-size:13px;}
.columna-productos .cont-foto{ float:left; margin-bottom:0px;}



/*---------ficha---------------*/
.ficha{width:714px; float:left; margin:0 0 0 0;}
.ficha .modelo-gafas{ width:493px; float:left; margin:0 15px 0 0;}
.ficha .logo{ width:270px; border-bottom:3px solid #000; height:210px; position:relative;}
.ficha .logo img{ position:absolute; bottom:0;}
.ficha h2.nombre{ display:block; font-size:20px; padding:0 0 2px 0; margin-top:26px; font-weight:normal; letter-spacing:-1px;}
.ficha .modelo span.ref{ display:block; font-size:15px;}
.ficha .modelo-gafas img.gafas-med{ float:left;}
.ficha .modelo-gafas p{ font-size:12px; font-style:normal; margin:0 0 24px 0; float:left; width:385px; line-height:16px;}
.ficha .modelo-gafas span.titulo{ font-size:15px; font-weight:bold; font-style:italic; display:block; margin:0 0 6px 0;}

.ficha .modelo-gafas .nav-gafas{ float:left; width:100%; margin:15px 0 15px 0;}
.ficha .modelo-gafas .nav-gafas img{ float:left; cursor:pointer; margin:0 4px 0 4px;}

.ficha .color-vista{ width:206px; float:left; border-top:10px solid #000;  position:relative; margin-top:170px;}
.ficha .color-vista .redes-sociales-ficha{ position:absolute; top:-35px; left:0;}
.ficha .color-vista .redes-sociales-ficha a{ width:18px; height:18px; display:block; float:right; text-indent:-3500px;}
.ficha .color-vista .redes-sociales-ficha a.Facebook{background:url(http://www.yfspain.com/public/frontend/img//ico_facebook.jpg) no-repeat}
.ficha .color-vista .redes-sociales-ficha a.Facebook:hover{background:url(http://www.yfspain.com/public/frontend/img//ico_facebook_over.jpg) no-repeat}
.ficha .color-vista .redes-sociales-ficha a.Twitter{background:url(http://www.yfspain.com/public/frontend/img//ico_twitter.jpg) no-repeat; margin-left:3px}
.ficha .color-vista .redes-sociales-ficha a.Twitter:hover{background:url(http://www.yfspain.com/public/frontend/img//ico_twitter_over.jpg) no-repeat}


	

.ficha .color-vista span.colores{ font-size:20px; display:block; border-bottom:3px solid #000; margin:18px 0 12px 0; letter-spacing:-1px;}

.ficha .color-vista ul.lista-colores{ height:174px;}
.ficha .color-vista ul.lista-colores li{ font-size:13px; margin:0 0 3px 0;}
.ficha .color-vista ul.lista-colores li a{ color:#000; text-decoration:none;}
.ficha .color-vista ul.lista-colores li a:hover{ color:#f18c18;}
.ficha .color-vista ul.lista-colores li a.seleccionado{color:#f18c18; font-weight:bold;}

.ficha .color-vista ul.vista{ margin:0 0 15px 0;}
.ficha .color-vista ul.vista li{ font-size:13px; margin:0 0 6px 0; background:url(http://www.yfspain.com/public/frontend/img//flecha.gif) left no-repeat; padding:0 0 0 8px;}
.ficha .color-vista ul.vista li a{ color:#000; text-decoration:none;}
.ficha .color-vista ul.vista li a:hover{ color:#f18c18;}
.ficha .color-vista ul.vista li a.seleccionado{color:#f18c18; font-weight:bold;}

.ficha .color-vista span.precio{ font-size:30px; color:#000; display:block; border-top:3px solid #000; padding-top:4px; letter-spacing:-1px;}
.ficha .color-vista span.comprar{ background:url(http://www.yfspain.com/public/frontend/img//bg-naranja.gif) top no-repeat #f18d18; font-size:20px; margin:10px 0 0 0; display:block; padding:5px 10px 5px 13px;}
.ficha .color-vista span.comprar input{ width:900px}
.ficha .color-vista span.comprar a{ color:#000; text-decoration:none;}
.ficha .color-vista span.comprar a:hover{ text-decoration:underline;}


/*---------quienes somos---------*/
.quienes-somos{ margin-top:45px;}
.quienes-somos .parrafo{ padding-bottom:8px}
.quienes-somos p{ margin-bottom:20px}
.quienes-somos img{ margin:0 0 20px 0;}
.sin-borde{border-bottom:0!important}


/*----estilos para los scripts----*/
.oculto{ display:none}
.visible{ display:block}


#foto_imagen{ position:relative;}
a.puestas{ position:relative; z-index:-1; top:112px; left:120px;}
#foto_imagen img{}