body { margin:0; padding:0; background:#004ebc; font-family:Georgia, "Times New Roman", Times, serif; color:#fff; font-size:12px; }
img { border:0; }
a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }

.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 */


.hidden { display: none; }

.input-error { border:2px solid #f00; }
dt.error label { font-weight:bold; color:#000; }


/*#bg { position: fixed; width: 100%; } */
#bg { position:fixed; }
#bg div#bgholder { height:200%; left:-50%; position:absolute; top:-50%; width:200%; }
#bg td { text-align:center; vertical-align:middle; } 
#bg img { margin:0 auto; min-height:50%; min-width:50%; }
#maincontainer { bottom:-16px; left:0; margin:0; overflow:inherit; padding:0; position:absolute; right:0; top:0; width:100%; z-index:1000; }
/* #bg td { text-align:center; vertical-align:middle; }
#bg img { margin:0 auto; z-index: 0; min-height:50%; min-width:50%; }
 #bgholder {  height:100%; left:0; position:absolute; top:70px; width:100%; z-index: 0; margin: 0 auto;  } 
#bgholder table { width: 1300px; margin: 0 auto; padding: 0px 0 0 0; }
*/
#mainbox, .mainbox { width: 900px; margin: 0 auto; position: relative; z-index: 100; text-align: left; }

#header { height: 74px; background:#004ebc; }
#header a.home { font-size:1px }
#logo { position: relative; margin-bottom: -100px; }
#header ul { position: relative; top: 0; display: block; list-style: none; margin: 0; padding: 20px 20px 0 0; float: right; }
#header ul li { float: left; padding: 0 5px; }
#header ul a { display: block; color: #f6f6ed; text-decoration: none; padding: 5px 7px 5px 5px; font-size: 16px; }
#header ul a:hover, #header ul a.sel { color: #b9b9b9; }
 
#header ul li.last, #header ul li.last a { padding-right: 0; }
#header ul a span { display: block; font-size: 12px; font-style: italic; }

#main { /* background: url(fondo_inicio.jpg) no-repeat;  height: 828px;*/ }
#frase { padding:410px 0 0 409px; font-size: 30px; width: 470px; }

.frase { color:#fff; font-size:30px; font-style:italic; font-weight:bold; /* padding:32% 0 0 45%; margin:0; */ 
	width: 290px; margin: 115px 0 0 590px; position: absolute; font-size: 12px;
}

.frase-autor { font-size:14px; font-weight:normal; font-style: italic; text-align:left; clear:both; }


#footer { position: relative; z-index: 101; left: -180px;  color: #fff; font-size: 10px; position:absolute;
top:600px; }
#footer a { font-weight:bold; text-decoration:none; color: #fff; }

.pageContents { width:230px; padding: 16px; background: url(bgtrans.png); margin: 105px 0 0 0; }
.pageContents h1 { font-size:18px; margin: 0; }
.pageContents h2 { font-size:14px; font-style:italic; margin: 0; font-weight: normal; }
.pageContents a { text-decoration: underline; }


/* Accordion */
#pagina .solapas { float: right; padding: 108px 0 0 0; }
.solapas ul { list-style: none; margin: 0; padding: 0; }
.solapas li { background: transparent url(bgtrans.png) repeat scroll 0 0; margin: 1px 0 0 0; height: 30px; }
.solapas a { width:170px; color: #b9b9b9; font-size: 14px; text-align:  right; display: block; text-decoration: none; font-weight: bold; padding: 6px 5px 5px 10px; }
#accordion { padding: 108px 0 0 0; width: 400px; overflow: hidden; float: right; }
.ui-widget { font-family: inherit; }
.ui-accordion .ui-accordion-header a { font-size: 14px; color: #fff; padding:6px 0 5px 10px; width: 150px; text-align: right; }
.ui-accordion .ui-accordion-header .ui-icon { display: none; }
#accordion .ui-state-active { background: transparent url(bgtrans.png); border: 0; height: 30px;}
.ui-accordion-content, .ui-accordion-content-active { background: transparent url(bgtrans.png); border: 0; margin: 0;   }
/* .ui-accordion-content-active { margin-left: 160px; } */
#accordion .ui-corner-all, #accordion .ui-corner-top, #accordion .ui-corner-bottom { -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; }
#accordion .ui-state-default { background: transparent url(bgtrans.png); border: 0; height: 30px; }
#accordion .ui-helper-reset {
font-size:12px;
}

.ui-accordion .ui-accordion-header span.h1 { float: right; padding:7px 0 0; width: 355px;  }


.blog-carta .ui-accordion-header a, .blog-vinos .ui-accordion-header a { color: #fff; font-size: 12px; text-align:left;
width:380px; }
/* .blog-carta .ui-accordion-content-active, .blog-vinos .ui-accordion-content-active { margin-left: 180px; } */
.pageblog-la-casa-roja .ui-accordion .ui-accordion-header a { visibility: hidden; }

.pageblog-diario-de-cocina #content, .pageblog-receta #content { padding-top: 105px; }
#nav { float:left; width: 170px; padding: 0 0 0 60px; }
#nav .box { padding: 0 0 10px 0; }
#nav .box h1 { background: url(bgtrans.png); font-size: 14px; text-align: right; padding: 3px; margin: 0 0 1px 0; }
.box .bc { background: url(bgtrans.png); padding: 10px 5px 5px 5px; }
#nav .box ul { margin: 0; padding: 0 0 0 15px; }
.box .nav { padding: 3px 0 3px 0; text-align: right; }
#nav .box .page { padding: 5px 0 0 0; text-align: right; }
#nav ul.tags_cloud { list-style:none; padding-left:15px; margin: 0; }
#nav ul.tags_cloud li { display:inline; }
#articles { float: left; padding: 0 0 0 30px; }
.article { background: url(bgtrans.png); width: 487px; padding: 0 0 10px 0; margin: 0; }
.article .heading { background: url(bg_article.png) 10px top no-repeat; height: 55px; }
.article .heading .fecha { width: 55px; height: 52px; background: #3f94d8; display: block; float: left; position: relative; color: #fff; left:62px; font-weight: bold; font-size: 18px; text-align: center; line-height: 120%; padding: 3px 0 0 0; }
.article .heading .fecha strong { font-size:14px; }
.article .title, .article .con, .article .tags, .article .comments { padding: 0 25px 0 65px; }
.article .tags { padding-top: 1em; padding-bottom: 1em; }
.article .tags, .article .tags a { font-size: 12px; font-style: italic; color: #999; }
.article .resumen { padding-bottom: 10px; }
.article .comments { padding-top: 15px; }
.comment-details { background: url(bg_comments.png) left 2px no-repeat; border-bottom: 1px solid #666; padding: 0 10px 5px 30px; }
.comment-list { list-style: none; margin: 0; padding: 0; }
.comment-list li { background: #333; font-size: 11px; padding: 7px 5px; }
.comment-author { color:#fff; padding-left: 10px; }
.comment-date { color:#ccc; }
.comment { padding: 10px; color: #ccc; line-height: 130%; }
.comments-count { float: right; padding: 15px 25px 0 0; }
.comment-form dd { margin: 0; padding: 5px; background: #333; float: left; height: 22px; }
.comment-form dt { background: #333; padding: 5px; float: left; width: 80px; height: 22px; margin-bottom: 2px; clear: both; }
.comment-form dd.area, .comment-form dt.area { height: 100px; }
.comment-form dd.area textarea { height: 80px; }
.comment-form input, .comment-form textarea { background: #333; color: #fff; border: 1px solid #666; width: 290px; }
.comment-form .comment-submit { text-align: right; clear: both; padding-top: 5px; }
.comment-form .comment-submit input { background: #000; border: 0; width: auto; }
.comment-form .hint { clear: both; padding-top: 2em; color: #666; font-size: 11px; }
.comment-form h2 { font-size: 12px; color: #fff;background: url(bg_comments2.png) left 3px no-repeat; padding: 0 0 4px 18px; }
.toolbar { height: 25px; margin: 0 0 40px 0; padding: 0 0 0 68px; }
.toolbar ul { margin: 0; padding: 0; list-style: none; }
.toolbar li { float: left; margin: 0 5px 0 0; background: url(bgtrans.png);}
.toolbar li a {  padding: 5px 5px 5px 25px; display: block; }
.toolbar li.reducir a { background: url(icono_reducir.png) 3px 3px no-repeat; }
.toolbar li.ampliar a { background: url(icono_ampliar.png) 3px 3px no-repeat; }
.toolbar li.anadir a { background: url(icono_anadir.png) 3px 3px no-repeat; }

#box-buscar input { background: #000; border: #333; color: #fff; width: 100px; padding: 3px 5px; }
#box-buscar .bc { padding-top: 4px; }
#box-buscar .boton { width: auto; background: transparent; border: 0; padding: 0; }
#box-buscar .nav { padding: 0; }
.box .nav .siguiente img, #box-buscar .boton { margin-right: -5px; }

.pagina-contacto .pageContents { margin-left: 340px; width: 400px; background: none; }
.pagina-contacto .box { background: url(bgtrans.png); padding: 7px 15px; margin-bottom: 1px; vertical-align: top; }
.pagina-contacto .box input, .pagina-contacto .box textarea { background: #000; border: 1px solid #111; width: 260px; color: #fff; padding: 2px 5px; }
.pagina-contacto .box textarea { width: 360px; height: 80px; }
.pagina-contacto .box-content { padding: 10px 25px; }

.pagina-contacto .box-button { background: none; text-align: right; padding: 3px 0 10px 0; }
.pagina-contacto .box-button input { width:auto }

.pagina-contacto .box-logo img { float: left; padding: 15px 30px 30px 0; }
.pagina-contacto .loc .box { float: right; margin-left: 1px; padding: 4px 10px; }
#box-gps { text-align:right; padding-left: 20px; padding-bottom: 10px; line-height: 130%; }
#box-gmap a { text-decoration:none; }

.pagina-contacto input.error, .pagina-contacto textarea.error { border:3px solid #f00; }

.bgimage { position: absolute; }

#newsbox { position: absolute; margin: 108px 0 0 93px; width: 424px; }
#newsbox .titulo { height: 24px; padding: 0 0 4px 0; }
#newsbox .rss { float: right; width: 152px; display: block; height: 20px; background: #000 url(icono_rss.png) 160px 50% no-repeat; text-align: right; padding: 4px 28px 0 0; font-size: 14px; font-style: italic; }
#newsbox h2 { width: 210px; margin: 0 0 1px 0; padding: 4px 15px 0 15px; height: 20px; text-align: right; color: #fff; background: #000; font-size: 14px; }
#newsbox .caja { background: #000; color: #fff; margin: 0; padding: 10px 20px 12px 20px; }
#newsbox ul {  margin: 0; padding: 0 0 0 10px; }
#newsbox li { margin-bottom: 10px; }
#newsbox .cinfo { font-style: italic; padding: 0; text-align: center; }
.cinfo .left { float: left; width: 185px; text-align: left; }
.cinfo .right { float:  left; }
.cinfo h3 { font-size: 12px; font-style: italic; }
.cinfo .right h3 a { font-size: 12px; font-style: italic; font-weight: normal; }
.cinfo .right p { text-align: right; }
.cinfo .right strong { font-style: normal; }

#newsbox .fecha { color: #b9b9b9; font-size: 12px; font-style: italic; }
#newsbox .nav { padding: 5px 3px; text-align: right; }
#newsbox .contenido a { font-weight: bold; text-decoration: underline; font-style: italic; }