/*
Theme Name: El Coyote
Theme URI: http://www.serigrafiaelcoyote.com/sobre-esta-web
Description: Tema de wordpress personalizado desde 0 patatero para la web del Coyote
Version: 1, mayo de 2010
Author: Alicia Urrea

*/

/* Genéricos
-------------------------- */

div {margin:0px; paddign:0px;}
.clear {clear:both; font-size:1px; line-height:1px; margin:0px; padding:0px; height:1px;}

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


/* LAYOUT BÁSICO
-------------------------- */
body {text-align:center; font-family:Arial, Helvetica, sans-serif; background:#f0efe2;}
div#cabecera {}
div#navegacion {}
div#cuerpo {text-align:left !important;}
div#contenido {}
div#pie { text-align:center; font-size:11px; color:#333333;}
div#registro_wp { text-align:right; font-size:11px; color:#333333;}


/* Contenedor principal
-------------------------- */

#contenedor {
        width:840px; margin:10px auto; text-align:left;
	margin:0px auto;
	padding: 0px 7px;
}


/* Cabecera
-------------------------- */

#cabecera {  }
	/* Titulo de la pagina y logo */
		#logo {float:left; padding:18px 0 30px 70px; background:url(imagenes/logo_coyote.png) no-repeat bottom left;}
		#logo a {font-size:34px; font-weight:normal; color:#9e5252;}
		#logo span {display:none; font-weight:normal;}
		#logo img {display:none;}

	/* Menu de opciones */
		/* #opciones {float:right; text-align:right; background-color:#9E5252; padding:2px 0px 2px 30px; border-bottom:#BEBDAD 5px solid;}
		#opciones li {list-style:none; display:inline; margin-right:10px; color:#FFF; font-size:11px;}
                #opciones a {color:#FFF;}
                #opciones a:hover {text-decoration:underline;} */

	/* Menu_principal */
		#menu_principal {text-align:right; font-size:14px; float:right; margin: 60px 0 0 0;}	
		#menu_principal li {display:inline; list-style-type:none; padding:5px 5px 12px 0px;}

		#menu_principal .tab {}
		#menu_principal .tab a {font-weight:bold;}

		#menu_principal #on {background:url(imagenes/bg_menuppal_on.png) no-repeat bottom center #9E5252; padding:5px 5px 12px 5px;}
		#menu_principal #on a {color:white; text-decoration:none;}

		#menu_principal a {padding:0px 2px;}
		#menu_principal a:hover {background-color:#9E5252; color:#fff; text-decoration:none;}


/* Cuerpo de la pagina
-------------------------- */

#cuerpo {
	border-color:#E5E3CB;
	border-style: solid;
	border-width: 0px 1px;	
	background-color: #FFFFFF;
        }

    #contenido {font-size:14px; line-height:1.5em; margin:0px 20px;  }
    #contenido a {color:#9E5252;text-decoration:underline;}
    #contenido a:hover {background:#E7E3CE}

       /* Estilos de texto */

        #cuerpo p {margin:0px 0px 10px 0px !important;}
        #cuerpo ul {margin:0px 0px 10px 20px !important;}
        #cuerpo li {list-style-type:circle; padding:3px;}
        #cuerpo strong {font-weight:bold !important;}
        #cuerpo table {margin:10px;}
        #cuerpo table td {padding:5px; border:1px solid #CFC2C2;}
        #cuerpo table th {padding:5px; background:#EFEFEF; border:1px solid #CFC2C2;}

       /* Titulos */

	#cuerpo h1 {display:block; border-bottom:1px solid #9C827B; color:#9C827B; font-size:2em; font-weight:normal;padding:20px 20px 10px 0px !important; }
	#cuerpo h2 {color:#BD645E; font-size:1.8em; font-weight:normal; padding:10px 0px ; margin-bottom:10px; font-family:georgia;}
        #cuerpo h2 span a {color:white; background-color:#9E5252; padding:0px 5px;font-size:11px!important; margin:0px 0px 0px 0px;border:1px solid #9E5252;}
        #cuerpo h2 span a:hover {color:#9E5252; background-color:white;}
        #cuerpo h3 {color:#BD645E; font-size:1.2em !important; padding:0px 10px 0 0; margin:15px 0 10px 0; border-bottom:1px dotted; line-height:1.3em; font-weight:normal;}
        #cuerpo h4 {font-weight:bold;margin:15px 0 7px 0px;}


        /* Imagenes */
        .foto_izq, .img_izq, .alignleft {float:left; padding:5px 10px 5px 0px;}
        .foto_dcha, .img_dcha, .alignright {float:right; padding:5px 0px 5px 10px;}
        .foto_centro, .img_centro, .aligncenter {display:block; clear:both; margin:0px auto 20px auto;}

	/* Menu secundario */
	#menu_secundario {float:right; text-align:left !important; line-height:1.3em; border-left:2px solid #CFC2C2;}
	#menu_secundario .centro {text-align:left !important;}
	#menu_secundario h3 {display:none;}
	#menu_secundario ul {margin:0px 0px 0px 0px !important; padding:0px !important;}
	#menu_secundario li {list-style:none; font-size:12px; padding:0px !important; text-align:left; display:inline-block; margin:0px !important; text-align:left !important;}
	#menu_secundario ul ul {margin:0px 0px 0px 20px !important; padding:0px !important;}
	#menu_secundario li li {font-weight:normal!important; padding-left:15px; font-size:11px;}
	#menu_secundario a {color:#9E5252; border:1px solid #FFFBFF;display:block; padding:1px 5px  !important; text-decoration:none;}
	#menu_secundario a:hover {background:#9E5252; text-decoration:none; color:white;}
	#menu_secundario .on > a {background:#9E5252; color:white;}
	#menu_secundario img {margin:15px 0 0 0;}


	/* Menu secundario -> Invitaciones de boda */
	#menu_secundario.invitaciones {background-image:url(imagenes/int_tarjetas_menu_centro.jpg); background-repeat:repeat-y;}
	#menu_secundario.invitaciones .arriba {background-image:url(imagenes/int_tarjetas_menu_sup.jpg); background-position:top left; height:10px; line-height:1px; font-size:1px;}
	#menu_secundario.invitaciones .centro {padding:0px 15px 0px 15px !important;}
	#menu_secundario.invitaciones .abajo {background-image:url(imagenes/int_tarjetas_menu_inf.jpg); height:108px;}
	#menu_secundario.invitaciones ul {margin-top:0px;}

        /* Layouts alternativos */
	.columna_1_2 {float:left; width: 45%; padding:2% 2%;}
	.columna_1_3 {float:left; width: 29%; padding:2% 2%;}
	.columna_2_3 {float:left; width: 60%; padding:2% 2%;}
	.columna_1_4 {float:left; padding:10px 20px; width: 170px; overflow;hidden;}
	.columna_2_4 {float:left; }
	.columna_3_4 {float:left; width:540px; padding:10px 20px;}
	.columna_1_5 {float:left;  width:20%;}
	.columna_2_5 {float:left; width:290px;padding:10px 20px;}
	.columna_3_5 {float:left; width:460px; padding:10px 20px;}
	.columna_4_5 {float:left; width:80%;}

        .con_borde { border-right:1px solid #E5E3CB;}

/* Otras piezas de interes general 
------------------------------------*/

.mas {text-align:right; padding:20px 0px !important;}
.presentacion , #presentacion {width:500px !important; background-image:none !important; background-color:#FFF !important; padding:20px 10px;}

#antes_despues {clear:both; text-align:center; padding-top:15px;}


/* Listados
------------------------------------*/

.listado {}

#cuerpo .listado ul {margin:0px !important; }
#cuerpo .listado li {margin:0 0 10px 0px !important; list-style-type:none !important; line-height:1.3em !important;}
#cuerpo .listado h3 {border:0px !important; margin:0px !important; padding:0px; color:#BD645E;}
#cuerpo .listado h3 a {color:#BD645E; font-weight:bold; font-size:0.9em;}
#cuerpo .listado p {margin:0px !important; padding:0px !important;}


/* Portadillas con destacados
--------------------------------------- */

/* Fondo de color crema */
.modelo {float:left; width:230px; padding:10px; margin-left:10px;background-color:#F7F3EF; font-size:11px; background-image:url(imagenes/int_tarjetas_fondo_centro.jpg); background-position:bottom right; margin:10px 0px;}
.modelo h3 {border-bottom:3px solid #D8D1BB; font-size:14px; color:#A08378; margin:0 0 10px; padding:0px !important;}
.modelo p a {color:#9C5152;}
.modelo img {padding:10px; text-align:center;}
        
/* Cuatro trozos */
.cuarto {float:left; width:249px; margin:0 8px; position:relative;}
.cuarto h3 {padding:10px 0px 5px 0px !important;}

.cuarto img {border:0px;}
.cuarto img.ilustracion {border:1px solid #D6D3BD !important;}
.cuarto a:hover img.ilustracion {border:1px solid #BD645E;}
.cuarto a:hover p {color:#BD645E;}
.cuarto a:hover {text-decoration:none !important;}
.cuarto a {text-decoration:none !important; color:#222 !important;}

/* Portada */

	.portada img {float:left; padding:10px;}
	.portada ul {margin:20px 10px !important; padding:0px 10px;}
	.portada li {padding-bottom:3px; padding-left:5px; list-style-image:url(../imagenes/flecha_morada.gif); margin-left:15px;}


/* Galerias de imagenes
-------------------------- */

.ngg-galleryoverview {}
.ngg-galleryoverview .ngg-gallery-thumbnail-box {float:left; margin:5px; text-align:center;}

.ngg-gallery-thumbnail-box a img {border:1px solid #D6D3BD;margin:2px;}
.ngg-gallery-thumbnail-box a:hover img {border:3px solid #9E5252;margin:0px;}


	
/* Ficha de modelo
-------------------------- */
#modelos_ficha {}
#foto_modelo {float:left; width:220px;}
#foto_modelo iframe {width:220px; height:300px; background-color:#FFFFFF; border:0px; margin-bottom:10px;}
#thumbs {clear:both; border-top:3px double #CCC;}
#thumbs p { text-transform:uppercase; font-weight:bold;}
#thumbs li { font-size:10px; float:left; width:50px; display:block; list-style-type:none; text-align:center; padding-right:10px;}

#descripcion_modelo {display:block; width:270px; float:left; padding-left:10px;}
#descripcion_modelo ul {
	margin-bottom:10px;
	margin-left: 20px;
}
#descripcion_modelo li { list-style-image:url(../imagenes/flecha_morada.gif);}
#descripcion_modelo h3 {
	font-size:12px;
	text-transform:uppercase;
}



/* Caja de Contacto */
	#datos_contacto {float:right; background-color:#D6D3BD; font-size:11px; padding:0px;}
	#datos_contacto ul {margin:20px 5px 15px 5px !important;}
	#datos_contacto li {list-style-image:none !important; list-style-type:none; margin:0px 10px 7px 10px !important; padding:0px;}
        #datos_contacto p {text-align:right; margin:0px 10px 5px 10px !important;}
        #datos_contacto a {display:inline !important; border:0px;}

		/* Esquinas redondeadas (via Nifty Corners) */
		.rtop, .rbottom{display:block; background-color:#FFF;}
		.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background-color:#D6D3BD;}
		.r1{margin: 0 5px}
		.r2{margin: 0 3px}
		.r3{margin: 0 2px}
		.r4{margin: 0 1px; height: 2px}

/* Formulario */
.contacto .obligatorio {background:#F6F5EF; border:1px solid #D6D3BD;}
.contacto input {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";border:1px solid #D6D3BD;
	width: 200px;
}
.contacto textarea {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
	width: 200px;
}


.contacto #enviar {
	border:1px solid #9C6563;
	width: auto;
	text-transform: uppercase;
	font-weight: bold;
}

/* Formularios */

.mandatory {color:red; font-weight:bold;}

.input_texto_corto {clear:both; border-top:1px dotted #CCC; padding:10px 0px;}
.input_texto_corto label {display:inline-block; width:200px; text-align:right; padding:0 10px 0 0;}
.input_texto_corto input {border:1px solid #4B5C7F;}

.input_radio {clear:both; border-top:1px dotted #CCC; padding:10px 0px;}
.wpcf7-list-item {display:block; margin-left:210px;}

.input_textarea {clear:both; border-top:1px dotted #CCC; padding:10px 0px;}
.input_textarea textarea {font-family:arial; font-size:12px; padding:5px 10px; width:550px; border:1px solid #4B5C7F;}

.botonera {text-align:center;}
.botonera input {border:2px solid green; font-size:18px;background:#1E9F1D; color:white;}

.wpcf7-mail-sent-ok {border:5px solid #1E9F1D; position:absolute; top:300px; left:50%;background:white; padding: 15px 30px !important; font-size:18px; color:#1E9F1D;width:350px; }
.wpcf7-response-output.wpcf7-validation-errors {border:5px solid red; position:absolute; top:300px; left:50%; width:350px; background:#FFDFDF; padding: 20px 30px; font-size:18px; color:black;}
.tip {display:inline-block; padding-left:210px; font-size:11px; color:#666; line-height:1.3em;}



/* Mapa */
.portada#cuerpo {background-image:url(../imagenes/mapa.jpg); background-position:bottom right; background-repeat:no-repeat;}



/* Blog
-------------------------- */

/* Blog
-------------------------- */

/* Migas de pan */

#migas {margin:20px 0 0 0; text-transform:uppercase;}
#en_blog {font-size:1.2em; font-weight:bold; background:#E7E3CE; padding:2px 5px;}
#en_where {font-size:1.2em; font-weight:bold;}
#en_where a {text-decoration:none;}




/* Cabecera de los post */
.entrada {padding:0 0 20px 0; border-bottom: 3px double #E7E3CE; clear:both; display:block;}
.entrada h1 {border:0px solid red !important;}
.entrada h1 a {text-decoration:none !important;}
.entrada h1 .editar {font-size:12px !important;}
.entrada h1 .editar a {background:#9C5152; color:white !important; padding:3px;}
.entrada .opciones_entrada {margin:0 0 20px 0; font-size:11px;}

.opciones_entrada .categoria {display:inline-block; padding: 0 0 0 20px; margin: 0 5px; background:url(imagenes/ic_tag.png) no-repeat left center;}
.opciones_entrada .fecha {display:inline-block; padding: 0 0 0 0px; margin: 0px 5px 0 0;}
.opciones_entrada .comentarios {display:inline-block; padding: 0 0 0 20px; margin: 0 5px; background:url(imagenes/ic_comentarios.png) no-repeat left center;}


/* Sidebar */

#menu {border-left:2px solid #E7E3CE; padding:20px 10px; margin:0 0 0 10px;}
#menu ul {margin:0px  !important; padding:0px !important;}
#menu li {list-style-type:none !important; }

#menu .categories {border-bottom:1px dotted #E7E3CE; margin:0 0 10px 0; padding:0 0 10px 0; font-family:georgia; color: #515048; font-size:16px !important;}
#menu .categories li {font-family:arial; font-size:13px !important; list-style-type:circle !important; margin-left:20px;}


#menu #search {border-bottom:1px dotted #E7E3CE; margin:0 0 10px 0; padding:0 0 10px 0; font-family:georgia; color: #515048; font-size:16px !important;}
#menu #search ul {border:1px solid red;}

#menu #archives {border-bottom:1px dotted #E7E3CE; margin:0 0 10px 0; padding:0 0 10px 0; font-family:georgia; color: #515048; font-size:16px !important;}
#menu #archives li {font-family:arial; font-size:13px !important; list-style-type:circle !important; margin-left:20px;}

#menu .linkcat {border-bottom:1px dotted #E7E3CE; margin:0 0 10px 0; padding:0 0 10px 0; font-family:georgia; color: #515048; font-size:16px !important;}
#menu .linkcat li {font-family:arial; font-size:13px !important; list-style-type:circle !important; margin-left:20px;}

#menu #suscripciones {border-bottom:1px dotted #E7E3CE; margin:0 0 10px 0; padding:0 0 10px 0; font-family:georgia; color: #515048; font-size:16px !important;}
#menu #suscripciones h3 {border-bottom:0px; font-size:16px !important;}
#menu #suscripciones li {font-family:arial; font-size:13px !important;}
#menu #suscripciones li a {text-decoration:none;}

#menu #suscripciones form {border:1px solid #E7E3EE; padding:10px; background:#E7E3CE;}
#menu #suscripciones form input { margin:0 0 5px 0;}


/* Pie
-------------------------- */
#pie {width:840px; margin:10px auto; text-align:left;
	margin:0px auto;
	padding: 0px 7px; font-size:11px;}

#pie li {display:inline; margin-right:15px;}
#pie .separador {clear:both; border:1px dotted #E5E3CB; }
#pie #hcard-Javier-Urrea {text-align:right;}
#pie #hcard-Javier-Urrea div {display:inline}
#pie #hcard-Javier-Urrea span {display:inline}

#registro_wp a {color:#F7EFE7; display:block; clear:both;}
#registro_wp a:hover {background-color:#52514A;}




/* Especiales
--------------------------- */

/* Destacado principal de la home */

#invitaciones {background:#F5F4EF; padding:10px 20px;}
#invitaciones h2 {font-family:georgia; font-size:32px; text-align:right; color:#BC5254;}
#invitaciones h2 a {color:#BC5254;}
#invitaciones p {font-size:17px; text-align:right; color:#515048;}
#invitaciones a {color:#BC5254;}
#invitaciones img {}

#invitaciones .botonera {margin:15px 0px 0 0px; text-align:right;}
#invitaciones .botonera a {display:inline-block; margin:0 0 0 10px;}


/* Blog en la home */



/* Destacados secundarios */
.destacados {}
.destacados div {clear:both; border-top:1px dotted #E5E3CB; padding:5px 0px 10px 0px !important; clear:both;}
.destacados h3 {border:0px solid red !important; float:left; width:160px; clear:none !important; font-weight:bold !important;}
.destacados img {float:left; clear:none; margin:0 10px 0 0; border:0px solid red;}
.destacados .texto_destacado {float:left; width:170px; }

#flickr_badge_wrapper {margin:0px 0px 10px; background:#EFEFEF; border:1px solid #CFC2C2;}
#flickr_badge_wrapper td {padding:5px 5px 10px !important;}
#flickr_badge_wrapper img {border:1px solid #666;}