/*
Theme Name: Grupo Dealer Theme
Theme URI: http://www.circulorojo.es
Version: 1.0
Description: 1 lateral, 1 columna.
Author: Círculo Rojo
Author URI: http://www.circulorojo.es
*/

/* Padding y margin */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: 0;
padding: 0;
}

/* Tamaños de los headers */
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

/* Estilos de las listas */
ol, ul {
list-style: none;
}

/* Estilo y grosor de las fuentes */
address, caption, cite, code, dfn, em, th, var {
font-style: normal;
font-weight: normal;
}

/* Bordes de las tablas */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* Otros bordes */
fieldset, img {
border: 0;
}

/* Alineación del texto */
caption, th {
text-align: left;
}

* {outline:0;} 

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 99%;}
#wrap {margin-bottom:30px;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*COLORES*/
/*Azul claro #cce9f6*/
/*Azul medio #008ac8*/
/*Azul oscuro #0062a1*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background: url(images/fondo.gif) no-repeat;
	background-color:#fff;

}

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

input, textarea {color:#444; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px;}
.floatLeft {float:left; display:inline;}
.floatRight {float:right; display:inline;}
.clear {clear:both;}

/*LAS HACHES*/

h1 {}
h2 {font-size:17px; line-height:17px;}
h4 {font-size:14px;}

/*CONTENIDO*/

#izq {width:370px;float:left; display:inline; padding-bottom: 48px;}
#der {width:650px;float:left; display:inline; margin:140px 0 0;padding-bottom: 48px; position:absolute;}

#franja {height:7px; background-color:#cce9f6; width:100%; font-size:1px;}
#buscador {height:20px;width:205px; padding:5px; background-color:#cce9f6; margin:0 15px 0 0; }
#buscador input {width:170px; padding:3px 2px; background-color:#fff; border:0; }

#info {color:#444; font-size:11px; margin:30px 0 0 15px;}
#info h1 {font-weight:normal;}
#info ul {list-style:none;}

#menu {margin:30px 0 0;}
#menu ul {list-style:none;}
#menu ul li {line-height:35px;}
#menu ul li span {font-variant:small-caps; font-size:30px; padding:2px 8px 2px 25px; background-color:#008ac8; color:#fff;}
#menu ul li span:hover {background-color:#0062a1;text-decoration:none;}
#menu ul li span a {text-decoration:none;}


#recientes {margin:30px 0 0;}
#recientes span {font-variant:small-caps; font-size:13px; padding:2px 8px 2px 25px; background-color:#008ac8; color:#fff;}
#recientes ul {list-style:none; margin:15px 0 0; }
#recientes ul li {border-bottom:1px solid #cce9f6; width:330px;}
#recientes ul li p {width:280px; padding:5px 10px;}
#recientes ul li:hover {background-color:#cce9f6;color:#000;}

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

#etiquetas {margin:30px 0 0 15px;}
#etiquetas ul {}
#etiquetas ul li {margin:0 5px 0 0; float:left; display:inline; width:30%;}


#submenu {}
#submenu2 {clear:both; float:right; display:inline; margin:0 6px 0 0;}

#submenu a, #submenu2 a {background-color:#008ac8; color:#fff; text-decoration:none; margin:0 2px 0 0; padding:2px 4px;}
#submenu a:hover, #submenu2 a:hover {background-color:#09648d;}

#box1, #box2, #box3, #box4, #box5 {padding:10px; background-image:url(images/transparente.png); margin:0 2px 0 0; color:#000; width:300px; height:auto!important; height:350px; min-height:350px;}
#box2 {}
#box3, #box4 {width:620px;}

#box1 h2 a, #box2 h2 a, #box3 h2 a, #box4 h2 a, #box5 h2 a {text-decoration:none;}
#box1 h2 a:hover, #box2 h2 a:hover, #box3 h2 a:hover, #box4 h2 a:hover, #box5 h2 a:hover {color:#000;}


#box1 h2, #box3 h2, #box4 h2 {margin:0 0 15px 0;}
#box1 h3 {margin:-15px 0 15px 0;}
#box3 h3 {margin:-10px 0 15px 0;}

#box1 img, #box3 img {float:left; display:inline; margin:0 8px 3px 0;}
#box1 p, #box3 p {margin:0 0 8px 0;}

#box1 ul li {margin:10px 0;}
#box1 ul li ul {margin:0 0 0 25px;}
#box1 ul li ul li {list-style:square;}

#box2 img {position:absolute;}
#box2 span {position:absolute; margin:290px 0 0; background-image:url(images/fondoPie.png); height:15px; width:300px; padding:10px 0; color:#fff;}
#box2 span p {padding:0 5px;}

#box4 ul {height:330px;}
#box4 ul li {width:280px; margin:0 25px 25px 0;}
#box4 ul li h3 {margin:0 0 10px 0;}


#box5 label {display:block; margin:12px 0 2px 0;}

#error {position:absolute; background-image:url(images/transparente.png); width:300px; height:150px; top:50%; left:50%; margin:-75px 0 0 -150px; padding:20px;}

.resultados  {float:left; display:inline; margin:0 0 10px 0; width:200px;}
.resultado {width:200px;}

#footer {background-image:url(images/fondoFooter.png); height:48px; color:#fff; margin:-77px 0 0; position:relative; width:100%; clear:both;}
#footer p {padding:20px 0 0 15px;}
#footer span {margin:-77px 0 0;}

#footer a {color:#fff; text-decoration:none;}
#footer a:hover {color:#cce9f6;}

/* CONTACT FORM 7 */

.wpcf7-form input, .wpcf7-form textarea {border:none; background-color:#cce9f6; color:#444; width:290px; padding:2px 5px; font-size:11px; outline:none;}
.wpcf7-not-valid-tip-no-ajax { width:290px; font-size:11px; color:red; margin:5px 0 3px; float:left;}
.inputContacto input {cursor:pointer; width:100px;}
.inputContacto input:hover {background-color:#008ac8; color:#fff;}

div.wpcf7-response-output {margin: 10px 0 0!important;padding: 0!important;}
div.wpcf7-mail-sent-ok {border: none!important;}
div.wpcf7-mail-sent-ng {border: none!important;}
div.wpcf7-spam-blocked {border: none!important;}
div.wpcf7-validation-errors {border: none!important;}

#float {
height: 20px;
line-height: 20px;
text-align: center;
width: 40px;
background: #000 url(images/gal.gif) no-repeat -6px 5px;
cursor: pointer;
}

#float.nxt {background-position: -16px 5px;}
#float.prv {background-position: 7px 5px;}