/*
Theme Name:         New Tema Wp Vinotecas
Theme URI:          http://www.servicio-tecnico-vinotecas.com/
Description:        Tema creado para posicionar Web Vinotecas
Version:            1.0
Author:             Carlos Garrido Novoa
Author URI:         http://www.serviasistencia.com/
*/

/* ----------------------- RESET --------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } 

.alignleft {float:left; margin-right:1em;}
.alignright {float:right; margin-left:1em;}
.aligncenter {clear:both;margin:0 auto; display:block;}

span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; } /* Hide from IE Mac \*/
.clearfix { display: block; } /* End hide from IE Mac */
.none { display: none; } /* End Clearfix */

#content, #sub-footer{ position: relative; }

#header{
	min-height: 185px;
	background-image: url(images/footer-bg.jpg);
	position: relative;
}

.izquierda{float: left;}
.derecha{float: right;}
.numeracion {padding: 50px 40px 0 0;}
.numeracion img {float: right; margin-top: 12px;}
.numero{
	float: right;
	font-family: 'Fredericka the Great';
	font-size: 38px;
	margin: 0px 0 0 20px;
}
.menu{
	clear: right;
	margin-top: 8px;
	margin-right: 10px;
	float: right;
	display: inline-block;
}

.menu ul li {
	border-right: 2px solid #777;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 8px;
	float: left;
	margin: 0 3px;
	background-color: #444;
	border: 4px wave #000;
	border-radius: 7px;
}

.menu ul li a {
	font-family: sans-serif;
	text-shadow: #5597B2 1px 1px 2px;
	color: #5597B2;
}

.menu ul li a:hover {
	color: #fff;
	text-shadow: #fff 4px 4px 9px;  
}

body,
input,
textarea{
	font: 13px "Droid Sans",Arial, Helvetica, Verdana;
	color: #666;
}

p,
ul,
ol,
dt,
dd{ margin-top: 0px; }

p,
dl,
dd,
dt,
ul li,
ol li,
table,
textarea{ line-height: 1.6; }

h1,
h2,
h3,
h4,
h5{
	font-weight: normal;
	color: #393939;
	padding: 0;
}

h1{
	font-size: 18px;
	line-height: 24px;
}

.titulo  {
	font-family: 'Fredericka the Great';
	font-size: 38px;
	line-height: 50px;
	color: #A6A6A6;
	padding: 3px 0 0 0;
}

.titulo a {
	font-family: 'Fredericka the Great';
	font-size: 38px;
	line-height: 50px;
	color: #A6A6A6;
}

.titulo a:hover {
	font-family: 'Fredericka the Great';
	font-size: 38px;
	line-height: 50px;
	color: #A6A6A6;
}

.linea2 {
	font-family: 'Fredericka the Great';
	letter-spacing: 3px;
	font-size: 28px;
	line-height: 40px;
	font-style: normal;
	font-weight: normal;
	padding-left: 0px;
	color: #A6A6A6;
}

.linea2 a {
	font-family: 'Fredericka the Great';
	letter-spacing: 3px;
	font-size: 28px;
	line-height: 40px;
	padding-left: 40px;
	font-style: normal;
	font-weight: normal;
	color: #A6A6A6;
}

.linea2 a:hover {
	font-family: 'Fredericka the Great';
	letter-spacing: 3px;
	font-size: 28px;
	line-height: 40px;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	padding-left: 40px;
	color: #A6A6A6;
}

.linea3 {
	font-family: 'Fredericka the Great';
	color: #A6A6A6;
	letter-spacing: 3px;
	font-size: 28px;
	line-height: 30px;
	font-style: normal;
	font-weight: normal;
}

.linea3 a {
	font-family: 'Fredericka the Great';
	color: #A6A6A6;
	letter-spacing: 3px;
	font-size: 28px;
	line-height: 30px;
	font-style: normal;
	font-weight: normal;
	padding-left: 60px;
}

.linea3 a:hover {
	font-family: 'Fredericka the Great';
	color: #A6A6A6;
	letter-spacing: 3px;
	font-size: 28px;
	line-height: 30px;
	font-style: normal;
	font-weight: normal;
	padding-left: 60px;
}

.imagenes {
	float: left;
	margin-left: 20px;
}

h2{
	font-size: 16px;
	line-height: 22px;
}

h3{
	font-size: 15px;
	line-height: 20px;
}

h4{
	font-size: 14px;
	line-height: 18px;
}

h5{
	font-size: 13px;
	line-height: 15px;
}

input,
textarea
{
	border: 1px solid #e0e0e0;
	padding: 5px 3px;
	font-size: 14px;
}

a{
	text-decoration: none;
	color: #5597b2;
	transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	-webkit-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
}

a:hover{
	text-decoration: none;
	color: #f26535;
}

a:hover img {
filter:alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
} 

a img { border: none;}

blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	background: url(resources/images/quote.png) no-repeat left 5px;
	padding: 0 30px 0 50px;
	margin: 20px 0 30px 30px;
	min-height: 40px;
	color: #444;
}

.hide { display: none; }

.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width:100%;
}

.grey-bg{
	padding: 5px;
	background-image: url(resources/images/grey-bg.jpg);
}


/* --------------------- GENERALES ------------------------------*/

body {
	margin: 0;
	padding: 0;
	background: url("images/cuero.png") repeat;
}

.center-wrap {
	margin: 0 auto;
	width: 1000px;
}

.uno-tres-widget{
	width: 300px;
	min-height: 1px;
	display: block;
	margin: 0 25px;
	float: left;
}

/* --------------------- ESTRUCTURA -----------------------------*/

#container{ width: 100%; }

.limpieza {clear: both;}

.contenido {

	//background-color: #eee;
	background-color: #fff;
	width: 960px;
	display: inline-block;
	padding: 2%;
	margin: 1% auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0px 0px 30px #000;
	-moz-box-shadow: 0px 0px 30px #000;
	-o-box-shadow: 0px 0px 30px #000;
	box-shadow: 0px 0px 30px #000;

}

.contenido p {
	text-indent: 20px;
	font-family: Arial,Helvetica,sans-serif;
	margin-top: 15px;
	text-align: justify;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	font-style: italic;
}

.aviso h1 {
	text-align: center;
	font-family: 'Fredericka the Great';
	font-size: 38px;
	margin: 20px 0 30px 20px;
	text-shadow: 2px 2px 20px #000;
}

.cabecera h1 {
	text-align: center;
	font-family: 'Fredericka the Great';
	line-height: 45px;
	font-size: 38px;
	margin: 20px 0 30px 0px;
	text-shadow: 2px 2px 20px #000;
}

.cuerpo {
	margin-top: 20px;
	margin-left: 10px;
}

.cuerpo h1 {
	font-family: 'Fredericka the Great';
	font-size: 38px;
	margin: 0px 0 30px 20px;
	text-shadow: 2px 2px 20px #000;
}

.cuerpo h2 {
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
	margin-top: 20px;
}
.cuerpo p {
	text-indent: 20px;
	font-family: Arial,Helvetica,sans-serif;
	margin-top: 15px;
	margin-right: 20px;
	text-align: justify;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	font-style: italic;
}

.cuerpo img{
	margin-right: 25px;
	margin-bottom: 15px;
}

.parrafo {
	width: 800px;
	margin: 0 auto;
	padding-top: 20px;
	margin-bottom: 40px;
}

.tarifas li {
	margin: 15px;
}

.tarifas h1 {
	text-align: center;
	font-family: 'Fredericka the Great';
	font-size: 38px;
	margin: 20px 0 30px 20px;
	text-shadow: 2px 2px 20px #000;
}

.tarifas table {
	margin: 0 auto;
	padding: 50px;
	margin-bottom: 50px;
	text-align: center;
	background-color: #ddd;
	border-radius: 5px;
	box-shadow: 0px 0px 30px #000;
}

.tabla {
	padding: 10px;
	width: 750px;
	margin: 0 auto;
	background-color: #ccc;
	text-align: justify;
	box-shadow: 0px 0px 30px #000;
	font-size: 14px;
	color: #000;
	border-radius: 20px;
}
.tabla table td {
	padding: 15px;
	background-color: #ddd;
	box-shadow: 1px 1px 1px #000;
	border-radius: 10px;
}

.opiniones h1 {
	text-align: center;
	font-family: 'Fredericka the Great';
	font-size: 38px;
	margin: 20px 0 30px 20px;
	text-shadow: 2px 2px 20px #000;
}

.comentario {
	width: 800px;
	margin: 13px 60px 0 70px;
	padding: 5px;
	background-color: #ddd;
	border-radius: 10px;
	box-shadow: 2px 2px 10px #000;
}

.comentario .nombre {
	color: #3B5180;
	font-size: 15px;
	margin: 10px;
	font-weight: bold;
	font-style: italic;
	text-shadow: 2px 2px 5px #333;
}

.comentario .fecha {
	float: right;
	font-size: 10px;
}

.comentario .coment {
	font-size: 19px;
	margin-top: 40px;
}
.comentario .coment img {
	margin: 0 8px;
}

.formulario {
	margin:30px 0 0 130px;
	width: 650px;
	height: 310px;
	padding: 20px;
	background-color: #eee;
	border-radius: 10px;
	box-shadow: 2px 2px 10px #000;
}

.formulario h3 {
	font-size: 16px;
	text-align: center;
	text-shadow: 2px 2px 5px #333;
}

.formulario .nombre input {
	float: right;
	border: 0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
}

.formulario .correo input {
	float: right;
	border: 0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
}

.formulario .commentario textarea {
	float: right;
	resize: none;
	border: 0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
}

.formulario .form-submit input {
	cursor: pointer;
	margin-top: 115px;
}

.formulario .nombre input:focus {
	background-color: #e1e1f1;
	border: 2px solid #ccc;
}
.formulario .correo input:focus {
	background-color: #e1e1f1;
	border: 2px solid #ccc;
}
.formulario .commentario textarea:focus {
	background-color: #e1e1f1;
	border: 2px solid #ccc;
}
.formulario .form-submit input#submit:hover {
	border: 2px solid #194A96;
	background-color: #e1e1f1;
	box-shadow: 4px 4px 6px #777;
}
h6 {
	margin-top: 10px;
	font-size: 11px;
	text-align: center;
	font-style: italic;
}
/* ------------------ WIDGET COMENTARIOS ------------------------*/

.widget_contenedor {
	width: 260px;
	//background-color: #222;
	border-radius: 8px;
	margin-top: 3px;
	margin-bottom: 10px;
	border: 1px solid #b2b2b2;
	padding: 10px;
	box-shadow: 2px 2px 5px #555;
}

.widget_autor {
	font-size: 15px;
	float: left;
	color: #5597B2;
	font-style: italic;
	font-weight: bold;
	//text-shadow: 2px 2px 2px #5597B2;
}
.widget_fecha {
	color: #fff;
	font-size: 8px;
	float: right;
}
.widget_contenido {
	font-size: 14px;
	font-style: italic;
	color: #6F6F6F;
}

/* ---------------------- ARTICULOS -----------------------------*/

.articulo {
	padding: 20px 20px 50px 20px;
}

.fecha-post {
	background: url(images/fecha.png) no-repeat scroll 0 0 transparent;
	clear: both;
	color: #999999;
	float: left;
	font: 24px/29px Georgia,serif;
	height: 58px;
	text-align: center;
	width: 50px;
}

.fecha-post span {
	color: #333333;
	display: block;
	font-size: 12px;
	text-transform: uppercase;
}

.miniatura {
	border: 1px solid #D2D4D5;
	border-radius: 5px 5px 5px 5px;
	float: left;
	margin: 0 0 10px 30px;
	line-height: 0;
}

.miniatura img {
	background: none repeat scroll 0 0 #EEEFF0;
	border: 1px solid #FFFFFF;
	border-radius: 5px 5px 5px 5px;
	padding: 18px;
	margin: 0;
}

.contenido-articulos {
	margin-left:270px;
}

.titulo-articulo h1 {
	font-size: 28px;
	margin: 0 0 15px 0;
}

.autor {
	color: #999999;
	font: 12px/16px Georgia,serif;
	margin-bottom: 30px;
}

.resumen p {
	margin-right: 0px;
}

.articulo-principal{
	margin-left:70px;
	background: #EEEFF0;
	padding: 10px;
	border: 1px solid #D2D4D5;
	border-radius: 15px 15px 15px 15px;
}

/* ------------------------ FOOTER ------------------------------*/

#footer {
	position: relative;
	padding: 30px 0 30px 0;
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	background: url(images/footer-bg.jpg) repeat;
}

#footer ul {
	margin: 15px 15px 0 15px;
}

#footer .widget-title{
	font-weight: bold;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}

#sub-footer{
	padding: 5px 0 20px 0;
	color: #6262;
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.01);
	background: url(images/sub-footer-bg.jpg) repeat;
}

#sub-footer a{ color: #f0f0f0; }

#sub-footer a:hover{ color: #fff; }

#sub-footer #scroll-up{
	position: absolute;
	width: 48px;
	height: 48px;
	top: -32px;
	margin-left: 476px;
	z-index: 99;
}

#footer .widget-title{ color: #fff; }

#copy{ text-align: center; }

#credits{ float: right; }

.bottom {
	margin-top: 50px;
}

.linea-gris {
	background: url("images/horizontal-grey-line.jpg") repeat scroll 0 0 transparent;
	bottom: 0;
	margin-bottom: 0;
	position: relative;
}

.footer-linea-sup, .footer-linea-inf{
	position: absolute;
	width: 100%;
	height: 16px;
	z-index: 3;
	background: url("images/footer-dashed-line.png") repeat;
}

.footer-linea-sup{ top: 0; }

.footer-linea-inf{ bottom: 0; }

.margin-left-none{ margin-left: 0; }

.margin-right-none{ margin-right: 0; }

/* ------------------------ SIDEBAR ------------------------------*/

.sidebar {
	width: 360px;
	height: 650px;
	background-color: #fff;
	border-radius: 20px;
	padding: 20px;
	margin-left: 30px;

	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;

	-webkit-box-shadow: 5px 5px 8px #777;
	-moz-box-shadow: 5px 5px 8px #777;
	-o-box-shadow: 5px 5px 8px #777;
	box-shadow: 2px 2px 10px #777;
}

.derecha{
	float: right;
}

.centro{
	margin: 0 auto;
}

.sidebar label {
	color: #777;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.sidebar .red {
	color: red;
}

.sidebar img {
	float: left;
	margin: 0 0 25px 25px;

}

.sidebar h1 {
	float: left;
	margin-top: 15px;
	margin-left: 20px;
	font-size: 28px;
	color: #555;
	text-shadow: #AAA 2px 2px 4px;
}

.sidebar input {
	float: right;
	color: #4a4a4a;
	text-align: right;
	font-size: 14px;
	//font-weight: bold;
	background-color: #f1f1f1;
	border: 2px solid #b2b2b2;
	resize: none;

	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
}

.sidebar textarea {
	float: right;
	color: #4a4a4a;
	text-align: right;
	font-size: 14px;
	//font-weight: bold;
	background-color: #f1f1f1;
	border: 2px solid #b2b2b2;
	resize: none;

	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
}

.sidebar input:focus, textarea:focus {
	border: 2px solid #194A96;
	background-color: #e1e1f1;
	box-shadow: 4px 4px 6px #777;
}

.sidebar td {
	padding-bottom: 10px;
	vertical-align: middle;
}

.sidebar input#submit {
	width: 80px;
	text-align: center;
	cursor: pointer;
	margin: 20px 140px 0 0;
}

.sidebar input#submit:hover{
	border: 2px solid #194A96;
	background-color: #e1e1f1;
	text-shadow: 4px 4px 2px #333;

	-webkit-box-shadow: 4px 4px 6px #777;
	-moz-box-shadow: 4px 4px 6px #777;
	-o-box-shadow: 4px 4px 6px #777;
	box-shadow: 4px 4px 6px #777;
}

/* ------------------------ AVERIAS ------------------------------*/

.averias {
	width: 850px;
	height: 180px;
	background-color: #fff;
	border-radius: 20px;
	padding: 20px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 10px;

	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;

	-webkit-box-shadow: 5px 5px 8px #777;
	-moz-box-shadow: 5px 5px 8px #777;
	-o-box-shadow: 5px 5px 8px #777;
	box-shadow: 2px 2px 10px #777;
}

.averias h1 {
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
	font-family: arial;
	text-decoration: underline;
	color: #999;
}

.averias ul {
	list-style-type: disc;
}

.averias li {
	width: 250px;
	height: 24px;
	float: right;
	margin: 0 15px;
	font-size: 17px;
	color: #555;
}

.averias a:hover {
	text-shadow: 2px 2px 4px #EF6535;
	-webkit-box-shadow: 4px 4px 6px #777;
	-moz-box-shadow: 4px 4px 6px #777;
	-o-box-shadow: 4px 4px 6px #777;
	box-shadow: 4px 4px 6px #777;
}

/* ------------------------ MARCAS ------------------------------*/

.lista-marcas {
	padding: 20px;
	margin-top: 20px;
	text-align: justify;
	background-color: #f3f3f3;
}

.lista-marcas a {
	font-size: 18px;
	//color: #aaa;
}

.lista-marcas a:hover {
	text-shadow: #5597B2 1px 1px 2px;
	color: #474747;
	//background-color: #ddd;
}

.iconos-marcas li {
	float: left;
	list-style: none;
	margin: 2px;
}

.iconos-marcas img:hover {
	-webkit-box-shadow: 4px 4px 6px #777;
	-moz-box-shadow: 4px 4px 6px #777;
	-o-box-shadow: 4px 4px 6px #777;
	box-shadow: 4px 4px 6px #777;
}

/*-----------------------------------------------------------------------------------*/
/*	 CGN Social Widget
/*-----------------------------------------------------------------------------------*/

.CGN_social_widget li{
	float: left;
	margin: 5px;
}

#footer .CGN_social_widget li img{
	padding: 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-image: url(images/img-bg-trans.png);
}