/*
Theme Name: Arte y Arquitectura
Theme URI: http://www.emenia.es
Description: Tema para la web de Arte y Arquitectura
Version: 4.0
Author: Juan Diaz-Bustamante
Author URI: http://www.emenia.es
Tags: emenia
*/

/*
	R E S E T (Por Eric Meyer)
*/
	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,
	b, u, i, center,
	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-size: 100%;
                                                            vertical-align: top; background: transparent;}
	body 						{   line-height: 1;}
	ol, ul 						{   list-style: none;}
	blockquote, q 					{   quotes: none;}
	:focus 						{   outline: 0;}
	ins 						{   text-decoration: none;}
	del 						{   text-decoration: line-through;}
	table 						{   border-collapse: collapse;	border-spacing: 0; }

	a img                                           {   border:none }

/*
C O L O R E S

Background              - Blanco - #FFFFFF;
Titulos 		- Rojo   - #FF3839;
Body Color 		- Oscuro - #454545;
Enlaces			- Azul   - #005785;
Hover                   - Verde  - #70AF1A;
*/

/* ESTILOS GENERALES */
/* ----------------------------------------- */

.aligncenter                {   display:block; margin:0 auto }
.alignleft                  {   float:left }
.alignright                 {   float:right; margin-bottom: 0px !important; }
img.alignright              {   margin: 0px 0px 10px 15px !important;}
img.alignleft               {   margin: 0px 15px 10px 0px !important;}
.piefoto                    {   width: 215px !important; font-size: 12px; font-style: italic; color: #999; clear: right; line-height: 1.4em; float: right !important; margin-top: -5px;}
.wp-caption                 {   border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
.alert                      {   background:red; color:white }
.grupo:after                {   visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .grupo               {   zoom: 1; } /* IE6 */
*:first-child+html .grupo   {   zoom: 1; } /* IE7 */
.clear                      {   clear:both; display:block; height:1px; margin:-1px 0 0 0 }
.rojo                       {   color: red;}
.verde                      {   color: green;}

/* TIPOGRAFIA */
/* ----------------------------------------- */
@font-face {
	font-family:'ComfortaaThin';
	src: url('fuentes/Comfortaa_Thin-webfont.eot#') format('eot'),
	     url('fuentes/Comfortaa_Thin-webfont.woff') format('woff'),
	     url('fuentes/Comfortaa_Thin-webfont.ttf')  format('truetype'),
	     url('fuentes/Comfortaa_Thin-webfont.svg#webfontVBeosr1k') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ComfortaaRegular';
	src: url('fuentes/Comfortaa_Regular-webfont.eot#') format('eot'),
             url('fuentes/Comfortaa_Regular-webfont.woff') format('woff'),
             url('fuentes/Comfortaa_Regular-webfont.ttf') format('truetype'), url('../fuentes/Comfortaa_Regular-webfont.svg#webfont6RyPCQEL') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ComfortaaBold';
	src: url('fuentes/Comfortaa_Bold-webfont.eot#') format('eot'),
             url('fuentes/Comfortaa_Bold-webfont.woff') format('woff'),
             url('fuentes/Comfortaa_Bold-webfont.ttf') format('truetype'),
             url('fuentes/Comfortaa_Bold-webfont.svg#webfontw5bWgOKo') format('svg');
	font-weight: normal;
	font-style: normal;
}
h1.fontface                 {   font: 60px/68px 'ComfortaaRegular', Arial, sans-serif;letter-spacing: 0;}
h2.fontface                 {   font: 30px/32px 'ComfortaaRegular', Arial, sans-serif;letter-spacing: 0; }
p.thin                      {   font: 18px/27px 'ComfortaaThin', Arial, sans-serif;}
p.regular                   {   font: 18px/27px 'ComfortaaRegular', Arial, sans-serif;}
p.bold                      {   font: 18px/27px 'ComfortaaBold', Arial, sans-serif;}
h1, h2, h3, h4, h5, h6      {   font-weight:bold; line-height: 1.1em; color: #FF3839;}
body,
input,
textarea,
.page-title span,
.pingback a.url             {   font-family: "Century Gothic", "Apple Gothic", Arial, sans-serif; color: #454545; font-size: 14px; line-height: 1.6em; }


/* ELEMENTOS GLOBALES */
/* ----------------------------------------- */
#contenedor             {   width: 960px; margin: 0 auto; position: relative; }
.sidebar                {   width: 230px; float: left; border-right: 1px solid #E2E1D4; margin-top: 70px;}
.contenido              {   margin: 70px 0 0 250px; width: 700px;}
.contenido img          {   margin: 10px 0; }
.contenido img.borde    {   border: 7px solid #E2E1D4; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

/* Text elements */
a:link,
a:visited		{   color: #005785; text-decoration: none; }
a:hover			{   color: green;  }
a:active		{   color: #005785; outline:0 none; position:relative; top:1px; }
a.pdf                   {   padding-left: 20px; background: url(images/icono_pdf.gif) no-repeat top left; margin-left: 10px;}
h1                      {   font-size: 28px; }
h2                      {   font-size: 24px; margin-bottom: 15px;}
h3                      {   font-size: 18px; margin-bottom: 15px;}
h4                      {   font-size: 16px; }
h5                      {   font-size: 14px; }
h6                      {   font-size: 12px; }
p                       {   margin-bottom: 15px; }
ul, ol                  {   margin-bottom: 15px; }
input[type="text"],
textarea                {   padding: 2px; background: #f9f9f9; border: 1px solid #ccc; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
                            -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); }

/* Menu lateral */
.sidebar ul li ul	{   font-size: 13px; padding-left: 10px; }
.sidebar ul li ul ul    {   padding-left: 0px;}
.sidebar a:link,
.sidebar a:visited      {   color: #005785;}
.sidebar a:hover        {   color: #70AF1A;}
.sidebar a.desplegable	{   padding-right: 15px;}
.sidebar li.current_page_item > a,
.sidebar li.current_page_parent,
.parent-pageid-27 ul.children li.current_page_item a,
.parent-pageid-27 li.current_page_parent > a,
.page-template-gestioninmobiliaria-php li.gestion a.desplegable,
.page-template-artediseno-php li.diseno a,
.page-template-tarjetasartisticas-php li.tarjetas a,
.page-template-sobreclara-php li.sobreclara a,
.page-template-contacto-php li.contacto a,
.page-template-proyectosintro-php li.proyectos a.desplegable,
.page-template-proyectosgaleria-php li.proyectos a.desplegable {   color: #FF3839;}

/* Header */
#logo a                 {   text-indent: -9999px; background: url(images/logo.png) no-repeat top left; width: 499px; height: 62px; display: block; margin: 40px auto 0;}
#logo a:hover		{   border-bottom: none;}
a.facebook              {   position: absolute; right: 10px; top: 0; }

/* INICIO */
/* ----------------------------------------- */

/* Navegacion Inicio */
#navegacion			{   margin: 120px auto 0; text-align: center;}
#navegacion li			{   display: inline; width: 170px; height: 140px;}
#navegacion li a		{   display: inline-block; float: left; margin: 0 15px; padding: 0 20px; text-align: center; width: 170px;}
#navegacion li a img            {   border: 2px solid #005785; margin: 5px -20px 0; padding: 0 20px;}
#navegacion a.thin		{   font: 21px/21px 'ComfortaaThin', Arial, sans-serif;}
#navegacion li a:hover          {   border-bottom: none;  }
#navegacion li a:hover img      {   border: 2px solid #70AF1A;}
p.subtitulo			{   position: absolute; top: 340px; color: #666; padding: 10px; text-align: center;}
#enlaces			{   text-align:center; position: absolute; top: 440px; width: 100%;}

/* GESTION INMOBILIARIA */
/*-------------------------------------------*/
#consultoria p          {   width: 415px; float: left;}
.page-template-gestioninmobiliaria-php .entry-content ul {
                            list-style-type: disc; margin-left: 15px;}
.page-template-gestioninmobiliaria-php .ngg-galleryoverview { float: right; margin-top: 0; width: 175px;}
.page-template-gestioninmobiliaria-php .ngg-galleryoverview img { float:right; margin: 0px 0px 10px 15px !important;
                                                        border: 7px solid #E2E1D4; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.page-template-gestioninmobiliaria-php .ngg-galleryoverview p strong { font-weight: normal; color: #999999; font-size: 12px; font-style: italic; }
.page-template-gestioninmobiliaria-php .ngg-galleryoverview p { line-height: 1.4em; padding: 0 0 0 30px; }

/* PROYECTOS */
/*-------------------------------------------*/
div.jMyCarousel         {   margin-top: 10px; }
div.jMyCarousel .prev   {   background: url('images/left.png') center center no-repeat; width:47px; height:61px; border:0px; }
div.jMyCarousel .next   {   background: url('images/right.png') center center no-repeat; width:40px; height:61px; border:0px; }
div.jMyCarousel ul li   {   margin:0px; line-height:0px; padding:0px; }
div.jMyCarousel ul li a {   display:block; }
div.jMyCarousel ul li img{  display:block; border:0px; margin: 0px 5px 0px;}
.page-template-proyectosgaleria-php div.jMyCarousel {
    height: 133px !important;
}
.page-template-proyectosgaleria-php #contenido_galeria {
    height: 310px;
}
.page-template-proyectosgaleria-php #contenido_galeria p  {   
    float: right;
    width: 280px;
    margin: 10px 0 0 20px;
    border-top: 1px dotted #CCCCCC;
    padding-top: 10px;
}
.entry-content .ngg-albumoverview,
.entry-content .ngg-galleryoverview {
    clear: none;
}

/* PROYECTOS Y TARJETAS ARTISTICAS */

.page-template-proyectosintro-php .ngg-gallery-thumbnail p,
.page-template-tarjetasartisticas-php .ngg-gallery-thumbnail p{
    width: 135px;
    padding: 0px 10px;
}
.page-template-proyectosintro-php .ngg-gallery-thumbnail img:hover,
.page-template-tarjetasartisticas-php .ngg-gallery-thumbnail img:hover {
    background-color: #70AF1A;
}
.page-template-proyectosintro-php .ngg-gallery-thumbnail p strong,
.page-template-tarjetasartisticas-php .ngg-gallery-thumbnail p strong {
    font-weight: normal;
}
.page-template-tarjetasartisticas-php .ngg-gallery-thumbnail-box,
.page-template-proyectosintro-php .ngg-gallery-thumbnail-box {
    height: 250px;
}
.page-item-27 ul.children {   
    padding-left: 10px !important;
}
.page-template-proyectosintro-php .ngg-album-compactbox,
.page-template-tarjetasartisticas-php .ngg-album-compactbox {
    background:none;
    height:100px;
    width:135px;
    padding: 0 !important;
}

.page-template-proyectosintro-php .ngg-album-compactbox .Thumb,
.page-template-tarjetasartisticas-php .ngg-album-compactbox .Thumb {
    border:2px solid #005785;
    margin:0px !important;
    padding:0px !important;
    width:135px;
    height:100px;
}
.page-template-proyectosintro-php .ngg-album-compactbox a:hover .Thumb,
.page-template-tarjetasartisticas-php .ngg-album-compactbox a:hover .Thumb {
    border:2px solid #70AF1A;
}
.page-template-proyectosintro-php .ngg-album-compact,
.page-template-tarjetasartisticas-php .ngg-album-compact {
    padding-right: 15px !important;
    width: 135px;
}
.page-template-tarjetasartisticas-php .ngg-albumoverview {
    clear: none;
    display: block !important;
    float: left;
    margin: 10px 0 30px 0;
    width: 230px;
}
.ngg-album-compact {
    height: 210px !important;
}
.ngg-navigation {
    margin-bottom: 20px !important;
}
/* ARTE Y DISEÑO */
/*--------------------------------------------*/
div.jMyCarousel .up   {   background: url('images/up.png') center center no-repeat; width:61px !important; height:47px !important; border:0px; left: 50px !important;}
div.jMyCarousel .down   {   background: url('images/down.png') center center no-repeat; width:61px !important; height:47px !important; border:0px; left: 50px !important;}
.page-template-artediseno-php #galeria div.jMyCarousel { height: 650px !important;}
.page-template-artediseno-php #contenido_galeria div    {   width: 495px; float:left;}
.page-template-artediseno-php div.jMyCarousel { float: right; margin-top: 10px;}
.page-template-artediseno-php #galeria          {   height: 500px;}
.page-template-artediseno-php #galeria li       {   padding: 0px; width: 160px;}
.page-template-artediseno-php div.jMyCarousel ul li img{  display:block; border:0px; margin: 0px 0px 5px;}

/* TARJETAS ARTISTICAS */
/* ----------------------------------------- */
.page-template-tarjetasartisticas-php .ngg-galleryoverview {
    clear: right;
}
.page-template-tarjetasartisticas-php .ngg-gallery-thumbnail p {
    padding: 0 7px; width: 135px; font-size: 12px; line-height: 1.3em;
}
.page-template-tarjetasartisticas-php .ngg-gallery-thumbnail p strong {
    font-size: 14px; color: #005785; line-height: 1.4em;
}

/* CONTACTO */
/* ----------------------------------------- */
.legal                  {   color: #999999; font-size: 12px; line-height: 16px; }
#main-contacto          {   margin-right: 340px;}
#sidebar-contacto       {   float: right; width: 290px; }

/* FOOTER */
/* ----------------------------------------- */
#footer			{   font-size: 12px; color: #999; text-align: center; width: 100%; margin-top: 50px; clear: both;}
.home #footer           {   position: absolute; top: 540px; margin-top: 0px;}
.page-template-artediseno-php #footer           {   margin-top: 100px;}
img.casa		{   margin: 10px 0;}
#footer a               {   color: #999; text-decoration: underline;}




/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	
}