/* @override http://www.cordoba.localwiz.eu/style.css */

@charset "UTF-8";
/*
localwiz style sheet
copyright colaborativa 2011
styles used here may be used
for educational purposes only
do not repurpose these styles
or republish them without permission
from the author
*/

@font-face {
	font-family: 'localwizBold';
	src: url('fonts/localwiz-bold-webfont.eot');
	src: local('☺'), url('fonts/localwiz-bold-webfont.woff') format('woff'), url('fonts/localwiz-bold-webfont.ttf') format('truetype'), url('fonts/localwiz-bold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'localwizRegular';
	src: url('fonts/localwiz-webfont.eot');
	src: local('☺'), url('fonts/localwiz-webfont.woff') format('woff'), url('fonts/localwiz-webfont.ttf') format('truetype'), url('fonts/localwiz-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* @group Reset */
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video { margin: 0; padding: 0; border: 0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
a:active {outline: none; -moz-outline-style: none;}
a:focus {-moz-outline-style: none; outline: none;}
/* @end */

/*html5 display rule*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}

/* ––––––––––––––––––––––––– */

/* @group Efectos Plano */
#cordoba{
	width: 940px;
	height: 440px;
	margin: 8px;
	border: 1px solid silver;
	display: block;
	position: absolute;
	z-index: -10;
	background: url(images/cordoba.jpg) no-repeat;
}
#sombra{
	width: 100%;
	height: 100%;
	display: block;
	-webkit-perspective: 500px;
	position: absolute;
	opacity: 0.35;
	-webkit-transform: scale(1.002,1.005);
	-moz-transform: scale(1.002,1.005);
	-o-transform: scale(1.002,1.005);
	z-index: -20;
}

#background{
	background-color: white;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 0;
}

#base{
	position: absolute;
	height: 100%;
	width: 100%;
	opacity: 1;
	display: block;
	z-index: 5;
}
#marcas{
	pointer-events: none;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 1;
	z-index: 45;
	top: 0;
}
#marcas span{
	width: 25%;
	height: 100%;
	display: block;
	float: left;
}
.marcas_impar{
	background-image: 
	/* Gradient Vertical */
	-moz-linear-gradient(bottom,
	rgba(160,160,160,0.00) 0%,
	rgba(210,210,210,0.05) 46%,
	rgba(90,90,90,0.10) 49.9%,
	rgba(255,255,255,0.40) 50%,
	rgba(255,255,255,0.10) 50.1%,
	rgba(210,210,210,0.05) 54%,
	rgba(160,160,160,0.00) 100%
	),
	/* Gradient Horizontal */
	-moz-linear-gradient(left,
	rgba(255,255,255,0.20) 0%,
	rgba(210,210,210,0.10) 10%,
	rgba(160,160,160,0.00) 50%,
	rgba(210,210,210,0.10) 90%,
	rgba(255,255,255,0.20) 99.9%,
	rgba(255,255,255,0.40) 100%
	);
	background-image:
	/* Gradient Vertical */
	-webkit-gradient(linear,left bottom,left top,
	color-stop(0.00, rgba(160,160,160,0.00)),
	color-stop(0.46, rgba(210,210,210,0.05)),
	color-stop(0.499, rgba(90,90,90,0.10)),
	color-stop(0.50, rgba(255,255,255,0.40)),
	color-stop(0.501, rgba(255,255,255,0.10)),
	color-stop(0.54, rgba(210,210,210,0.05)),
	color-stop(1.00, rgba(160,160,160,0.00))
	),
	/* Gradient Horizontal */
	-webkit-gradient(linear,left top,right top,
	color-stop(0.00, rgba(255,255,255,0.20)),
	color-stop(0.10, rgba(210,210,210,0.10)),
	color-stop(0.50, rgba(160,160,160,0.00)),
	color-stop(0.90, rgba(210,210,210,0.10)),
	color-stop(0.999, rgba(255,255,255,0.20)),
	color-stop(1.00, rgba(255,255,255,0.40))
	);
	opacity: 0.6;
}
.marcas_par{
	background-image:
	/* Gradient Vertical */
	-moz-linear-gradient(bottom,
	rgba(210,210,210,0.00) 0%,
	rgba(210,210,210,0.10) 46%,
	rgba(255,255,255,0.15) 49.9%,
	rgba(255,255,255,0.40) 50%,
	rgba(90,90,90,0.10) 50.1%,
	rgba(210,210,210,0.10) 54%,
	rgba(160,160,160,0.00) 100%
	),
	/* Gradient Horizontal */
	-moz-linear-gradient(left,
	rgba(60,60,60,0.10) 0%,
	rgba(90,90,90,0.03) 20%,
	rgba(90,90,90,0.03) 50%,
	rgba(90,90,90,0.03) 80%,
	rgba(60,60,60,0.10) 99.9%,
	rgba(90,90,90,0.10) 100%
	);
	background-image:
	/* Gradient Vertical */
	-webkit-gradient(linear,left bottom,left top,
	color-stop(0.00, rgba(210,210,210,0.00)),
	color-stop(0.46, rgba(210,210,210,0.10)),
	color-stop(0.499, rgba(255,255,255,0.15)),
	color-stop(0.50, rgba(255,255,255,0.40)),
	color-stop(0.501, rgba(90,90,90,0.10)),
	color-stop(0.54, rgba(210,210,210,0.10)),
	color-stop(1.00, rgba(160,160,160,0.00))
	),
	/* Gradient Horizontal */
	-webkit-gradient(linear,left top,right top,
	color-stop(0.00, rgba(60,60,60,0.10)),
	color-stop(0.20, rgba(90,90,90,0.03)),
	color-stop(0.50, rgba(90,90,90,0.03)),
	color-stop(0.80, rgba(90,90,90,0.03)),
	color-stop(0.999, rgba(60,60,60,0.10)),
	color-stop(1.00, rgba(90,90,90,0.10))
	);
	opacity: 0.6;
}
#sombra span{
	width: 25%;
	height: 100%;
	display: block;
	float: left;
}
.sombra_impar{
	background-color: #000;
	-webkit-transform: rotateY(1deg);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,1);
	-moz-transform: rotateY(1deg);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,1);
	-o-transform: rotateY(1deg);
	box-shadow: 0px 0px 3px rgba(0,0,0,1);
}
.sombra_par{
	background-color: #000;
	-webkit-transform: rotateY(-1deg);
	-moz-transform: rotateY(-1deg);
	-o-transform: rotateY(-1deg);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,1);
	box-shadow: 0px 0px 3px rgba(0,0,0,1);
}
/* @end */

/* @group Efectos Billboard */
#billboard{
	display: block;
	height: 100%;
	width: 100%;
	background-color: #fefffe;
	position: absolute;
	top: 0;
	border: 1px solid silver;
	-webkit-box-shadow: 0px 7px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 7px 5px rgba(0,0,0,0.5);
	box-shadow: 0px 7px 5px rgba(0,0,0,0.5);
}
#highlights{
	pointer-events: none;
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
	background-image: url(images/BillboardLight.png);
	opacity: 0.6;
}
#luces{
	position: absolute;
	pointer-events: none;
	display: block;
	height: 80px;
	width: 1020px;
	opacity: 1;
	background: url(images/billboard.png) no-repeat;
	margin-left: -27px;
	margin-top: -39px;
}
/* @end */

/* @group Efectos DibujoTecnico */

#cajetinWizzy{
	pointer-events: none;
	display: block;
	width: 927px;
	height: 430px;
	margin: 15px;
	position: absolute;
	border: 1px solid silver;
	background: url(images/CajetinWizzy.jpg) no-repeat -1px bottom;
	border-bottom-style: none;
	top: 0;
	z-index: 35;
}
#technicalWizzy{
	background: url(images/TechnicalWizzy.jpg) no-repeat center center;
	height: 100%;
	width: 50%;
	position: absolute;
	right: 0;
	z-index: 5;
}


/* @end */

/* ––––––––––––––––––––––––– */

body{
	margin: 0;
	padding: 0;
	background: #f2f2f2 repeat-x fixed;
}
section.contenedor>h1{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
	color: #f2f2f2;
}
.contenedor{
	min-width:1060px;
	margin-right: auto;
	margin-left: auto;
	
	}
.contenedorComments{
	width: 700px;
	margin: 20px auto 40px;
}
/* @group TopBar */
#TopBarContenedor{
	min-width:1060px;
	margin-right: auto;
	margin-left: auto;
	background-image: 
	/* Gradient Vertical */
	-moz-linear-gradient(bottom,
	rgba(195, 195, 195,1) 0%,
	rgba(224,224,224,1) 100%
	);
	background-image:
	/* Gradient Vertical */
	-webkit-gradient(linear,left bottom,left top,
	color-stop(0.00, rgba(195, 195, 195,1)),
	color-stop(1.00, rgba(224,224,224,1))
	);
}
#TopBar{
	width: 100%;
	border-bottom: 1px solid rgba(144,140,151,0.61);
}
#TopBar h1{
	display: none;
}
#TopBar p{
	text-align: center;
	padding-top: 7px;
	padding-bottom: 8px;
	font: 13px/20px "localwizRegular", Verdana, sans-serif;
	text-shadow: rgba(255,255,255,0.3) 1px 1px;
	color: rgba(0,0,0,0.5);
}
#TopBar a{
	font: bold 13px/20px "localwizRegular", Verdana, sans-serif;
	text-shadow: rgba(255,255,255,0.3) 1px 1px;
	color: rgba(0,0,0,0.5);
}
#TopBar a:hover{
	color: #00a9da;
}
/* @end */

/* @group Newsfeed */
#NewsFeed{
	width: 100%;
	min-height: 20px;
	font: 15px localwizBold, Georgia;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

#NewsFeed h1 {
	font: 14px "localwizBold", Verdana, sans-serif;
	display: inline-block;
	color: #1b70b9;
	text-shadow: rgba(255,255,255,1) 1px 1px;
}
#NewsFeed p{
	font: 14px "localwizRegular", Verdana, sans-serif;
	display: inline-block;
	padding-left: 5px;
	color: #1b70b9;
	text-shadow: rgba(255,255,255,1) 1px 1px;
}
#NewsFeed a{
	color: #1b70b9;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#NewsFeed a:hover{
	color: #00a9da;
	text-shadow: rgba(255,255,255,0.7) 0 0 2px, 0 0 10px rgba(255,255,255,0.7), 0 0 30px rgba(255,255,255,1);
}	
/* @end */

/* @group header */
header{
	margin-top: 20px;
}
.contenedor_carrusel{
	background: url(images/background.jpg) no-repeat 0;
	display: block;
	width: 1060px;
	height: 520px;
	position: absolute;
	z-index: -30;
	left: 50%;
	margin-left: -530px;
	margin-top: -102px;
	opacity: 0.55;
}
header h1.PaginaTitulo{
	font: 130px/95px "localwizRegular", Verdana, sans-serif;
	display: block;
	width: 800px;
	background: url(images/logo.png) no-repeat 0 15px;
	height: 120px;
	text-align: center;
	margin: 0 auto;
}
 header h2.PaginaTitulo{
	font: 28px "localwizBold", Verdana, sans-serif;
	text-align: center;
	color: white;
	text-shadow: rgba(0,0,0,0.5) 0 0 7px;
	margin-top: 8px;
}
header h1.PaginaTitulo span{
	margin-left: 5px;
	letter-spacing: 3px;
	visibility: hidden;
}
header section>hgroup>h1{
	font: 18px "localwizRegular", Verdana, sans-serif;
	color: #1b70b9;
	text-shadow: rgba(255,255,255,0.7) 1px 1px;
	text-align: center;
}
header strong{
	font: 18px "localwizBold", Verdana, sans-serif;
	color: #1b70b9;
	text-shadow: rgba(255,255,255,0.7) 1px 1px;
}
header a{
	font: 18px "localwizBold", Verdana, sans-serif;
	color: #1b70b9;
	text-shadow: rgba(255,255,255,0.7) 1px 1px;
}
header a:hover{
	color: #00a9da;
	text-shadow: rgba(255,255,255,0.7) 0 0 2px, 0 0 10px rgba(255,255,255,0.7), 0 0 30px rgba(255,255,255,1);
}
header>section{
	padding-top: 40px;
	padding-bottom: 30px;
}
a#AppstoreBanner {
	background-image: url(images/AppStoreBanner.png);
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 177px;
	height: 60px;
	margin-top: 25px;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
	z-index: 13;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:hover#AppstoreBanner {
	background-image: url(images/AppStoreBanner_hover.png);
}
/* My Comment */
#AppstoreBanner span{
	display: none;
}
/* @end */

/* @group Articulos Blog */
article.blog{
	margin-bottom: 40px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

article.blog #base{
	padding-top: 30px;
	padding-bottom: 35px;

}

article:first-child{
	margin-top: 35px;
}

article.blog h1{
	font: 18px "localwizBold", Verdana, sans-serif;
	color: #1b70b9;
	text-shadow: rgba(255,255,255,1) 1px 1px;
	width: 70%;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 30px;
}

article.blog h2{
	font: 14px "localwizRegular", Verdana, sans-serif;
	color: #1b70b9;
	text-shadow: rgba(255,255,255,1) 1px 1px;
	width: 70%;
	padding-top: 0;
	padding-bottom: 20px;
	padding-left: 30px;
}

article.blog .socialmedia{
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 36px;
	padding-right: 30px;
}
article.blog .socialmediaFB{
	float: left;
}
article.blog .socialmediaTW{
	float: right;
}

article.blog p{
	font: 14px/20px "localwizRegular", Verdana, sans-serif;
	color: #1b70b9;
	text-shadow: rgba(255,255,255,1) 1px 1px;
	padding: 10px 30px 0;
}

article.blog img{
	padding-right: 30px;
	padding-left: 30px;
}
/* @end */

/* @group Navegación */

nav{
	width:100%;
	border-bottom: 1px solid rgba(144,140,151,0.38);
	display: inline-block;
}
nav hgroup{
	margin-bottom: 15px;
}
.sombraNav{
	background: url(images/sombra.png) no-repeat;
	opacity: 0.1;
	display: block;
	position: absolute;
	height: 20px;
	width: 350px;
}
nav ul{
	width: 1060px;
	margin: 0 auto;
	padding: 0;
}
nav li{
	width: 33%;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}
nav li:last-child{
	text-align: right;
}
nav a[href="/anunciate"] {
	text-align: left;
}
nav a[href="/"] {
	text-align: center;
}
nav a[href="/atumedida"] {
	text-align: right;
}
nav hgroup a, footer a {
    color: #1b70b9;
    text-shadow: rgba(255,255,255,0.1) 0 0 2px, 0 0 10px rgba(255,255,255,0.1), 0 0 30px rgba(255,255,255,0.1);
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

nav hgroup a:hover, nav hgroup a.selected:hover, footer a:hover{
	color: #00a9da;
	text-shadow: rgba(255,255,255,0.7) 0 0 2px, 0 0 10px rgba(255,255,255,0.7), 0 0 30px rgba(255,255,255,1);
}

nav hgroup a:selected{
	color: #0098c6;
	text-shadow: rgba(255,255,255,0.3) 0 0 2px, 0 0 10px rgba(255,255,255,0.5), 0 0 30px rgba(255,255,255,1);
	
	
}

nav hgroup a:active{
	outline: none;
	
}

nav a.selected {
	outline: none;
}

nav a:focus {
	-moz-outline-style: none;
}

nav h1{
	display: none;
}

nav h2{
	font: normal 18px "localwizBold", Verdana, sans-serif;
	display: block;
	margin: 0 40px;
	padding: 0;
}
nav h3{
	font: normal 14px "localwizRegular", Verdana, sans-serif;
	margin: 0 40px;
	display: block;
}
/* @end */

/* @group Layout y Texto */

#plano, #anunciantes, #tecnologia {
	width: 960px;
	height: 460px;
	margin: 28px auto 0px;
	position: relative;
	float: none;
}
.SeccionTitulo{
	font: 22px "localwizBold", Verdana, sans-serif;
	text-shadow:
	rgba(255,255,255,1) 1px 1px;
	color: rgba(17,17,17,0.64);
	text-align: center;
	margin-top: 0;
	margin-bottom: 15px;
}

.SeccionSubtitulo{
	font: 16px "localwizRegular", Verdana, sans-serif;
	color: #545454;
	text-shadow:
	rgba(255,255,255,1) 1px 1px;
	text-align: center;
	margin-bottom: 45px;
	margin-top: 5px;
}
.ColumnaTitulo{
	font: 16px "localwizBold", Verdana, sans-serif;
	text-shadow:
	rgba(255,255,255,1) 1px 1px;
	color: #111;
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.columna_izquierda, .columna_derecha{
	width: 50%;
	float: left;
}

.columna_izquierda p, .columna_izquierda .ColumnaTitulo{
	margin: 20px 20px 5px 40px;
	padding-top: 0;
	padding: 0;
}

article.Comparativa {
	padding: 0;
	margin: 0;
}

.columna_derecha p, .columna_derecha .ColumnaTitulo{
	margin: 20px 40px 5px 0px;
	padding: 0;
}

/* Corrijo el margen del titulo en el formulario */
#anunciantes .columna_derecha .ColumnaTitulo{
	margin-left: 0;
}
/* Corrijo el margen del titulo en el formulario */
.Comparativa h1{
	display: none;
}
#plano hgroup{
	margin: 0;
	padding: 0;
}
#anunciantes hgroup{
	margin-top: 65px;
	margin-bottom: 50px;
}
#tecnologia hgroup{
	margin-bottom: 15px;
	padding-top: 40px;
	z-index: 20;
}

/* Resetear el margen del titulo */
#tecnologia h1.SeccionTitulo {
	margin: 0;
	padding: 0;
}
#tecnologia h2.SeccionSubtitulo {
	margin-bottom: 0px;
}

#anunciantes p, #plano p, #tecnologia p{
	font: 14px/21px "localwizRegular", Verdana, sans-serif;
	text-shadow:
	rgba(255,255,255,1) 1px 1px;
	color: rgba(0,0,0,0.74);
	margin-top: 2px;
	margin-bottom: 8px;
	padding-top: 0;
	padding-bottom: 0;
}

.separador{
	width: 700px;
	height: 100%;
	display: block;
	margin: 40px auto 30px;
}

.separador h1{
	display: none;
}

.separador p{
	font: 13px/20px "localwizRegular", Verdana, sans-serif;
	text-shadow:
	rgba(255,255,255,0.5) 1px 1px;
	color: rgba(0,0,0,0.78);
	text-align: center;
}

/* @group footer */

footer{
	height: 90px;
	width: 1060px;
	text-shadow: rgba(255,254,255,0.94) 0 1px 0;
	z-index: 3;
}

footer h1{
	display: none;
}
footer h2{
	margin-top: 0;
	margin-bottom: 0;
}
footer h3{
	
}

/* @end */
#Copyright{
	text-align: center;
	font: normal 13px "localwizRegular", Verdana, sans-serif;
	text-shadow: rgba(255,254,255,0.94) 0 1px 0;
	height: 25px;
	display: block;
	width: 1060px;
	vertical-align: bottom;
	clear: both;
	padding-bottom: 20px;
	padding-top: 15px;
}
/* @end */

/* ––––––––––––––––––––––––– */

/* @group Formularios */

#anunciantes form{
	margin-left: 20px;
	margin-right: 40px;
}
#anunciantes fieldset{
	margin: 0;
	padding: 0;
}

#anunciantes .field{
	height: 30px;
	padding-top: 10px;
}

#anunciantes label{
	font: 11px/16px "localwizRegular", Verdana, sans-serif;
	z-index: 20;
	position: absolute;
	display: block;
	width: 70px;
	padding-top: 9px;
	padding-left: 12px;
	color: #908c97;
	float: left;
}
#anunciantes input{
	font: 14px/21px "localwizRegular", Verdana, sans-serif;
	height: 30px;
	background-color: #f4f4f4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid silver;
	padding-left: 80px;
	color: #515151;
	top: 0;
	left: 0;
	width: 335px;
}

#tecnologia #contactar, #anunciantes #contactar{
	font: normal 16px "localwizRegular", Verdana, sans-serif;
	display:block;
	margin-left: auto;
	width: 200px;
	border: 1px solid silver;
	padding: 5px 8px 6px;
	text-align: center;
	margin-top: 18px;
	margin-right: auto;
	text-decoration: none;
	color: #515151;
}
#tecnologia #contactar:hover, #anunciantes #contactar:hover{
	background-color: #ddd;
}
#anunciantes img.error {
	display: none;
	position: relative;
	right: -388px;
	top: -29px;
}
#anunciantes p.error {
	float: right;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 9px;
	text-align: right;
}
#anunciantes .success{
	display: none;
	padding-top: 12px;
	margin: 0;
}
#anunciantes  #botonEnviar{
	width: 150px;
	text-align: center;
	margin-right: 20px;
	margin-top: 6px;
	right: 0;
	position: relative;
	top: 0;
	background-color: #fafafa;
	padding: 3px 0 4px;
}
#anunciantes  #botonEnviar:hover{
	background-color: #ddd;
}
#anunciantes #mail_fail{
	display: none;
	margin-left: 0;
	width: 240px;
	margin-right: 0;
	padding-right: 0;
}
#anunciantes #mail_success{
	margin-left: 0;
	width: 400px;
	margin-right: 0;
	text-align: center;
}
/* @end */

/* ––––––––––––––––––––––––– */
#sidebar{
	width:100%;
	display: inline-block;
	text-align: center;
	font: normal 13px "localwizRegular", Verdana, sans-serif;
	text-shadow: rgba(255,254,255,0.94) 0 1px 0;
}
#sidebar ul{
	width: 1060px;
	margin: 0 auto;
	padding: 0;
}
#sidebar h2{
	margin-bottom: 4px;
	display: none;
}
#sidebar a{
	margin-right: 10px;
}