/*
Theme Name: Vanios 1.0
Theme URI: http://www.vanios.es
Description: Theme desarrollado exclusivamente para VaniOs
Version: 1.6
Author: Raul Valverde
Author URI: http://www.kexedo.com/
Tags: kexedo, vanios, theme, white, columns
*/

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, 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-weight : normal;
	font-style : normal;
	font-size : 100%;
	font-family : inherit;
	vertical-align : baseline;
}

body {line-height : 1;}

table {
	border-collapse : collapse;
	border-spacing : 0;
}

:focus {outline : 0;}
blockquote:before, blockquote:after, q:before, q:after {content : "";}
blockquote, q {quotes : "" "";}
ol,ul {list-style : none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
strong {font-weight : bold;}
em {font-style : italic;}
acronym {cursor : help;}

/* ------------------------------------------------------------
----> #########
------------------------------------------------------------ */

body {
	font : .85em arial, helvetica, sans-serif;
	color : #555;
	background : url('images/footer.gif') bottom left repeat-x;
}

a {
	color : #AACB52;
	text-decoration : underline;
}

a:hover {
	color : #A06262;
	text-decoration : underline;
}

h1,h2,h3,h4,h5,h6 {
	font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin-bottom : 15px;
	text-transform : uppercase;
	color : #888;
	font-weight : bold;
}

h1 {font-size:2em}
h2,h3 {font-size : 1.25em;}
h4 {font-size:1em}

p {
	margin-bottom : 15px;
	line-height : 150%;
	font-size : .9em;
}

dl,ol {
	margin : 0 0 15px 15px;
	line-height : 125%;
	font-size : .9em;
}

#wrapper ul {
	margin : 0 0 15px 15px;
	line-height : 125%;
	font-size : .9em;
}

li {margin : 3px 0;}

dl {margin-bottom : 15px;}
dt {
	margin : 15px 0;
	font-weight : bold;
}

#accessibility {
	position : absolute;
	top : -99999em;
	text-indent : -99999em;
	display : none;
}

cite {color : #22728F;}

img {border : 1px solid #DEDEDE;}

.more a {
	background : url('images/more.gif') 0 0 no-repeat;
	padding : 1px 0 1px 20px;
}

.more a {color : #333;}
.more a:hover {color : #A06262;}

.download a {background : url('images/icons.gif') 0 -161px no-repeat;}
.email a {background : url('images/icons.gif') 0 -63px no-repeat;}

/* ------------------------------------------------------------
----> #container
------------------------------------------------------------ */

#container {
	width : 780px;
	margin : 0 auto;
}

/* ------------------------------------------------------------
----> #header
------------------------------------------------------------ */

#header {
	position : relative;
	height : 86px;
}

#header h1 {
	margin : 0;
	position : absolute;
	left : 0;
	top : 15px;
}

#header h1 img {border : none;}

#header ul {
	position : absolute;
	right : 15px;
	top : 25px;
}

#header ul li {
	float : left;
	background : url('images/dotheader.gif') center right no-repeat;
	padding : 0 10px;
}

#header ul li.carts {
	position : absolute;
	right : 0;
	top : 25px;
	padding-left : 22px;
	padding-right : 0;
	background : url('images/carts.gif') center left no-repeat;
}

#header ul li.es {
	background : none;
	padding : 0 10px;
}

#header ul li.en {
	background : none;
	padding : 0;
}

#header ul li.es a,
#header ul li.en a {
	width : 18px;
	height : 12px;
	background : url('images/es.png') 0 0 no-repeat;
	text-indent : -99999em;
	display : block;
	margin-top : 2px;
}

#header ul li.en a {background : url('images/en.png') 0 0 no-repeat;}

#header ul li a {color : #AACB52;}

#header ul li.carts a {
	color : #214383;
	font-weight : bold;
}

/* ------------------------------------------------------------
----> #menu
------------------------------------------------------------ */

#menu {
	clear : both;
	height : 53px;
	margin-bottom : 15px;
	border-bottom : 7px solid #E9E9E9;
	padding-bottom : 7px;
}

#menu ul {
	margin : 0;
	font-size : .9em;
}

#menu ul li {
	float : left;
	width : 130px;
	text-transform : uppercase;
	background : url('images/menu.gif') 0 0 repeat-x;
}

#menu ul li a {
	line-height : 51px;
	text-align : center;
	display : block;
	font-weight : bold;
	color : #bbb;
	background : url('images/menu.gif') 0 0 no-repeat;
	text-decoration : none;
}

#menu ul li.first a {background-position : left -51px;}

#menu ul li.last a {
	/* padding : 18px 35px 18px 36px; */
	background-position : right -102px;
}

#menu ul li:hover,
#menu ul li a:hover {
	text-decoration : none;
	background-position : 0 -153px;
	color : #fff;
}

#menu ul li.first a:hover {background-position : left -204px;}
#menu ul li.last a:hover {background-position : right -255px;}

/* ------------------------------------------------------------
----> #footer
------------------------------------------------------------ */

#footer {
	clear : both;
	position : relative;
	height : 42px;
	padding-top : 35px;
	font-size : .95em;
	color : #595959;
}

#footer p {
	position : absolute;
	left : 0;
}

#footer ul {
	position : absolute;
	right : 0;
	margin : 0;
}

#footer ul li {
	float : left;
	background : url('images/dotheader.gif') center right no-repeat;
	padding : 0 10px;
	margin : 0;
}

#footer ul li a {color : #595959;}

#footer ul li.last {
	padding-right : 0;
	background : none;
}

/* ------------------------------------------------------------
----> #index
------------------------------------------------------------ */

#sidebar {
	clear : both;
	height : 330px;
	background : url('images/index.gif') 0 0 no-repeat;
	overflow : hidden;
	margin-bottom : 15px;
}

#sidebar ul {margin-left : 0;}

#sidebar h3 {
	background : url('images/dot.gif') 15px 19px no-repeat;
	padding : 19px 15px 12px 40px;
	font-size : 0.9em;
	font-weight : bold;
	color : #434343;
	margin : -20px -20px 20px -20px;
}

div.block {
	clear : both;
	height : 330px;
	background : url('images/index.gif') 0 0 no-repeat;
	overflow : hidden;
	margin-bottom : 15px;
}

div.block h3 {
	background : url('images/dot.gif') 15px 19px no-repeat;
	padding : 17px 15px 12px 40px;
	font-size : 0.9em;
	font-weight : bold;
	color : #434343;
	margin : -20px -20px 20px -20px;
}

/* ------------------------------------------------------------
----> #banners
------------------------------------------------------------ */

#banners {
	height : 250px;
	clear : both;
	overflow : hidden;
	margin-top : -8px;
	margin-bottom : 15px;
}

#banners img {
	width : 780px;
	height : 220px;
}

#banners ul {margin : 0;}

#wrapper ul {margin-left : 0;}

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

.page-id-407 h2,
.page-id-327 h2,
.page-id-262 h2,
.page-id-6 h2,
.page-id-8 h2,
.page-id-10 h2,
.page-id-4 h2,
.page-id-2 h2,
.page-id-13 h2 {
	display : none;
}

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

#xcontent,
#content {
	overflow : hidden;
	margin-bottom : 15px;
	clear : both;
}

#content h4 {margin-bottom : 10px;}

#content div.parnetrs h3,
#content div.left h3 {color : #AACB52;}
#content div.right h3 {color : #0F4D8B;}
#xcontent div.small h3, #xcontent div.left h3 {color : #0F4D8B;}
#xcontent div.right h3 {color : #AACB52;}

#content div.left {
	float : left;
	width : 500px;
	border-right : 1px solid #DEDEDE;
	padding-right : 20px;
	margin-bottom : -15px;
}

#content div.right {
	float : right;
	width : 240px;
}

#content div.right div {
	padding : 20px;
	height : 260px;
	background : url('images/block.gif') top left no-repeat;
}

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

#xcontent div.left {
	float : left;
	width : 240px;
}

#xcontent div.left div {
	padding : 20px;
	height : 260px;
	background : url('images/block.gif') top left no-repeat;
}

#xcontent div.right {
	float : right;
	width : 500px;
	border-left : 1px solid #DEDEDE;
	padding-left : 20px;
	margin-bottom : -30px;
	overflow : hidden;
	height : 1%;
}

#xcontent div.small {
	float : left;
	width : 240px;
}

#xcontent div.small div {
	padding : 20px;
	height : 110px;
	background : url('images/block.gif') bottom left no-repeat;
}

#xcontent div.left div dl,
#xcontent div.small div dl {margin:0;}

#xcontent div.left div dt,
#xcontent div.small div dt {margin:0 0 10px 0;}

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

p.imgleft {
	float : left;
	margin-right : 15px;
}

p.imgright {
	float : right;
	margin-left : 15px;
}

p.none img {border : none;}
p.clear {clear : both;}
p.key {margin-top : 30px;}

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

div.two div.left {
	float : left;
	width : 390px;
	padding : 20px;
}

div.two div.right {
	float : right;
	width : 290px;
	padding : 20px;
}

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

div.three div.left {
	float : left;
	width : 220px;
	padding : 20px;
}

div.three div.center {
	float : left;
	width : 220px;
	padding : 20px;
}

div.three div.right {
	float : right;
	width : 220px;
	padding : 20px;
}

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

#xcontent div.form  p {line-height : none;}

div.form div.left {
	float : left;
	width : 220px;
	padding : 20px;
}

div.form div.right {
	float : right;
	width : 480px;
	padding : 20px;
	position : relative;
}

div.form div.xleft {
	float : left;
	width : 210px;
	margin-left : 10px;
}

div.form div.xright {
	float : right;
	width : 230px;
}

div.form div.left div {
	border-right : 1px solid #dedede;
	overflow : hidden;
	padding-right : 20px;
	margin-right : -20px;
}

form.wpcf7-form {
	margin-top : -5px;
}

div.form p {
	margin-bottom : 5px;
}

div.form p.captcha {
	height : 50px;
	position : relative;
}

div.form p.captcha span.wpcf7-not-valid-tip {
	left : 85px;
	position : absolute;
	top : 20px;
	width : 115px;
}

div.form p.captcha input {
	background : none;
	left : 85px;
	position : absolute;
	top : 20px;
	width : 94px;
}

div.form p.captcha span.wpcf7-form-control-wrap {position : static;}

div.form p.captcha img {
	left : 0;
	position : absolute;
	top : 20px;
	border : 1px solid #aaa;
}

div.form input {
	background : url('images/icons.gif') 5px 4px no-repeat;
	border : 1px solid #aaa;
	padding : 4px 4px 4px 25px;
	width : 180px;
}

div.form textarea {
	width : 200px;
	padding : 4px;
	border : 1px solid #aaa;
	height : 132px;
}

div.form textarea:focus,
div.form input:focus {border : 1px solid #ACCB54;}

div.form span.telephone input {background-position : 5px -28px;}
div.form span.your-email input {background-position : 5px -60px;}
div.form span.company input {background-position : 5px -93px;}
div.form span.your-message textarea {background-position : 5px -32px;}
div.form span.your-subject input {background-position : 5px -190px;}

div.form span.telephonees input {background-position : 5px -28px;}
div.form span.your-emailes input {background-position : 5px -60px;}
div.form span.companyes input {background-position : 5px -93px;}
div.form span.your-messagees textarea {background-position : 5px -32px;}
div.form span.your-subjectes input {background-position : 5px -190px;}

div.form p.buttom input {
	background : url('images/buttom.gif') 0 0 no-repeat;
	width : 210px;
	height : 26px;
	border : none;
	font-weight : bold;
	color : white;
	padding : 4px 0;
}

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

ul li.one {
	background : url('page/image.gif') 0 1px no-repeat;
	padding : 5px 0 5px 200px;
}


ul li.two {
	background : url('page/image.gif') 0 -40px no-repeat;
	padding : 5px 0 5px 200px;
}


ul li.three {
	background : url('page/image.gif') 0 -87px no-repeat;
	padding : 5px 0 5px 200px;
}

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

div.left ul li,
ul.index li,
ul.solutions li {
	background : url('images/li.gif') 0 4px no-repeat;
	padding-left : 16px;
	margin : 5px 0 5px 155px;
}

div.left ul li {margin : 3px 0 3px 15px;}

#xcontent div.small ul.index {margin-top : -10px;}
ul.index li {margin-left : 0;}

ul.solutions li a {text-decoration : underline;}

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

ul.numers li {
	background : url('images/numers.gif') 10px 10px no-repeat;
	padding : 10px 10px 10px 45px;
	float : left;
	width : 37%;
	overflow : hidden;
	border-bottom : 1px solid #dedede;
	margin : 0;
}

ul.numers li.uno {border-right : 1px solid #dedede;}
ul.numers li.dos {background-position : 10px -40px;}
ul.numers li.tres {background-position : 10px -90px;border-right : 1px solid #dedede;border-bottom : none;}
ul.numers li.cuatro {background-position : 10px -140px;border-bottom : none;}

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

.madrid {margin-bottom : 10px;}
.madrid span {display : block;}

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

.promotions li {
	display : block;
}

.promotions li span,
.promotions li strong {
	margin-bottom : 10px;
	display : block;
}

.promotions li strong {font-size : 1.3em;}
.promotions li.top {margin-bottom : 15px;}

.promotions img {
	width : 80px;
	height : 80px;
	float : right;
	margin-left : 10px;
	border : none;
}

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

.alignnone {border : none;}

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

div.labs li {
	margin-bottom : 10px;
}

#sidebar div.right .advisors {
	margin : -15px -20px 0 -20px;
}

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

ul.ipo li img {
	float : left;
	margin-right : 15px;
	height : 100px;
	width : 90px;
}

ul.ipo li {
	clear : both;
	margin-bottom : 15px;
	overflow : hidden;
	border-bottom : 1px dashed #dedede;
	padding-bottom : 15px;
}

hr {
	clear : both;
	margin-bottom : 15px;
	overflow : hidden;
	border-top : none;
	border-left : none;
	border-right : none;
	border-bottom : 1px dashed #dedede;
}

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

div.izquierda {
	width : 50%;
	float : left;
	overflow : hidden;
}

div.derecha {
	float : right;
	width : 50%;
	overflow : hidden;
}

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

#solucont {
	float : left;
	width : 540px;
	padding-right : 20px;
	border-right : 1px solid #ccc;
	margin-bottom : 15px;
	overflow : hidden;
}

ul.compromiso,
div.post ul.solucont,
#solucont ul {
	margin-left : 15px;
}

ul.compromiso li,
div.post ul.solucont li,
#solucont ul li {
	margin : 0 0 10px 0;
	background : url('images/libox.gif') 0 5px no-repeat;
	padding-left : 15px;
}

#soluside {
	float : right;
	width : 200px;
	margin-bottom : 15px;
	overflow : hidden;
}

div.parnetrs {
	background : url('images/parnetrs.gif') 0 0 no-repeat;
	padding : 15px;
	width : 491px;
	height : 50px;
	float : left;
	border-top : 15px solid white;
}

div.parnetrs h3 {
	margin-bottom : 10px;
}

span.texto {
	margin : 0;
}

/* ------------------------------------------------------------
----> #generales
------------------------------------------------------------ */

blockquote{
	margin: 10px 0 0;
	background: #f9f9f9;
}

blockquote p{
	padding: 20px;
}

blockquote blockquote {
	margin: 0 20px;
	background: #fff;
}

img.alignleft{
	margin: 5px 10px 2px 0;
}

img.aligncenter {
	border : none;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright{
	margin: 5px 0 2px 10px;
}

img.alignleft, img.alignright{
	border: none;
	display: inline;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border : none;
}

p img {
	max-width: 100%;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/* ------------------------------------------------------------
----> #kit
------------------------------------------------------------ */

#kit form {
	position : relative;
}

#kit label {
	width : 110px;
	display : inline-block;
	text-align : right;
}

#kit input {
	width : 300px;
	padding : 4px;
}

#kit span.cuidad input {width : 192px;}
#kit span.cp input {width : 70px;}

#kit span.wpcf7-not-valid-tip {width : 301px;}

#kit span.cuidad span.wpcf7-not-valid-tip {width : 192px;}
#kit span.cp span.wpcf7-not-valid-tip {width : 70px;}

#kit div.wpcf7-mail-sent-ok {
	top : -115px;
	width : 540px;
	height : 450px;
	left : -5px;
	font-style: italic;
	padding : 0;
	text-algin : center;
	padding-top : 200px;
}

#kit p.submit input {
	width : 200px;
	margin-left : 110px;
}