body {
	background-color: #000;
    color: #fff;
	font-family: "Glifa", georgia,serif;
	font-size: 12px;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}

 

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

                @FONT-FACE

---------------------------------------------------------------------*/
@font-face {
        font-family: "Rocuel";
        src: url(../font/rocuel-light.eot);
}

@font-face {
        font-family: "Rocuel";
        src: url(../font/rocuel-light.ttf) format("truetype");
}
 
 @font-face {
        font-family: "Rocuel";
        src: url(../font/rocuel-light.woff) format("woff");
}
 
@font-face {
        font-family: "Treid";
        src: url(../font/treidgothicltstd-cn18-webfont.eot);
}

@font-face {
        font-family: "Treid";
        src: url(../font/treidgothicltstd-cn18-webfont.ttf) format("truetype");
}

@font-face {
        font-family: "Treid";
        src: url(../font/treidgothicltstd-cn18-webfont.woff) format("woff");
}



@font-face {
        font-family: "Glifa";
        src: url(../font/glifaltstd-webfont.eot);
}

@font-face {
        font-family: "Glifa";
        src: url(../font/glifaltstd-webfont.ttf) format("truetype");
}


@font-face {
        font-family: "Glifa";
        src: url(../font/glifaltstd-webfont.woff) format("woff");
}


#contactform label {
	width: 400px;
	clear: right;
	float: left;
	font-size: 10px; 
-webkit-border-radius: 3 px;  /* Safari  */
  -moz-border-radius: 3 px;     /* Firefox */
}


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

                ANIMACIÓN

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

@keyframes myfirst
{
from {opacity: 0;}
to {opacity: 1;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {opacity: 0;}
to {opacity: 1;}
}

@keyframes  myfirst2
{
from {opacity: 0.4;}
to {opacity: 1;}

}

@-webkit-keyframes myfirst2 /* Safari and Chrome */
{
from {opacity: 0.3;}
to {opacity: 1;}
}

@keyframes  myfirst3
{
from {opacity: 0.7;}
to {opacity: 1;}
}

@-webkit-keyframes myfirst3 /* Safari and Chrome */
{
from {opacity: 0.7;}
to {opacity: 1;}
}


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

                RESET

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

* {
	border: 0 none;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	outline: 0;
 }
 
:focus { outline: 0 }
html { height: 100% }
body { background: #000; color: #256 256 256; line-height: 1; background-color: #000; }

ol, ul { list-style: none }
table { border-collapse: collapse; border-spacing: 0; width: 100% }
caption, th, td { font-weight: normal; text-align: left }
blockquote:before, blockquote:after, q:before, q:after { content: "" }
blockquote, q { quotes: "" "" }
textarea { overflow: auto }
button { background: none; border: 0; text-align: center }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: normal }


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

                TAGS

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



.fdointro {
	animation: myfirst 1.5s;
	-webkit-animation: myfirst 1.5s; /* Safari and Chrome */
	background:url(../img/fondos/fdointro.gif)no-repeat center center fixed;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	background-color:#D7150B;
}

.fdoartista {
 	animation: myfirst 1.5s;
    -webkit-animation: myfirst 1.5s; /* Safari and Chrome */
	background: url(../img/fondos/fdo_santurian.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #000;
 }

.fdoobra { 
	animation: myfirst 1.5s;
    -webkit-animation: myfirst 1.5s; /* Safari and Chrome */
background-image:url(../img/fondos/fdo_obras.jpg);
	background-color: #000;
}


.fdoconcepto { 
	animation: myfirst 1.5s;
    -webkit-animation: myfirst 1.5s; /* Safari and Chrome */
background-image:url(../img/fondos/fdo_concepto3.jpg);
	background-color: #000;
}


.fdoeventos { 
	animation: myfirst 1s;
    -webkit-animation: myfirst 1.5s; /* Safari and Chrome */
background-image:url(../img/fondos/fdo_eventos2.jpg);
	background-color: #000;
}


.fdocontacto { 
	animation: myfirst 1.5s;
    -webkit-animation: myfirst 1.5s; /* Safari and Chrome */
background-image:url(../img/fondos/fdo_contacto.jpg)}

p, ul, ol {
	margin: 0 0 10px 0
}

strong { font-weight: bold }
em { font-style: italic }

a, a:link, a:visited {
        text-decoration: none;
}
/*---------------------------------------------------------------------

                BASE LAYOUT

---------------------------------------------------------------------*/
 #container {
 	float: none;
	position: relative;
	clear: right;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#idiom {
	width: 970px;
	position: relative;
 	height: 16px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
 }


#idiom li {
	display: block;
	float: right;
	font: 12px/20px "Glifa", georgia,serif;
	word-spacing: 40em;
	width: 50px;
	text-align: center;
    }

#idiom li a {
	opacity: 1;
	transition: opacity .8s ease-out;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

#idiom li a:hover {
	opacity: 0.6;
 	text-decoration: none;
	transition: 1;
}

#language  {
	height: 55px
}

#idiom2 {
	width: 330px;
	height:33px;
	float: none;
	position: relative;
	padding-left: 8px;
	text-align: right;
	background-color: #000;
}
#idiom2 li {
	float: right;
	font: 10px/30px "Glifa", georgia,serif;	
	letter-spacing: 0.3em;
}

#idiom2 li a {
	display:block;
	color: #DDDDDD;
	text-decoration: none;
	min-width:70px;
	height:20px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:3px;	
	margin-right: 8px;
	margin-top: 3px;
}

#idiom2 li a:hover {
	animation: myfirst2 1s;
    -webkit-animation: myfirst2 1s; /* Safari and Chrome */
	color: #000;
	text-decoration: none;
	background-image:url(../img/fdoidiom3.png);
	background-position: 3px;
  }
  
  .twit_button {
	position: relative;
	background-image: url(../img/icon_twitter.png);
	background-repeat: no-repeat;
	display: none; /* en su momento pasar a "block" */
	text-indent: -9999px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 14px;
	color: #FFF;
	text-decoration: none;
	height: 24px;
	width: 43px;
}

 .twit_button a {
	 	display: block;
 
	
}

 .twit_button a hover {	
    transition: opacity .8s ease-out;
	color: #fff;
	text-decoration: none;
}


 .fb_button {
	font-family: Georgia, "Times New Roman", Times, serif;
 	position: relative;
	text-indent: -9999px;
	background-image: url(../img/icon_fb.png);
	background-repeat: no-repeat;
 	background-position: 5px;
	display: block;
	height: 24px;
	width: 56px;
 }
  
  
 .fb_button a {
 	display: block;

}
  
   .fb_button a hover {
		background-image: url(../img/icon_fb.png);
	display: block;

}
  
#columnLeft,
#content {
	float: left;
	width: 100%;
	height:100%;
	position: relative;	
}

#columnLeft {
}

div.center {
        margin: 0 auto;
        width: 960px;
        position: relative;
}

#columnLeft {
	width: 346px;
 
 }

#content {
	width:  630px;
	height: 100%;
	background-image: url(../img/fdorayas3.png);
	background-repeat: repeat;
}

#main {
	float: left;
	width: auto;
	margin: 0  20px 0 0;
	height: 250px;
}

.page-blog #main, .node-type-article #main { width: 469px}
#sidebar {
        float: right;
        width: 160px;
}

#box-esculturas {
	float: right;
	width: 300px;
	background-color: #D6D6D6;
	height: 270px;
	display: block;
}#box-pinturas {
	float: right;
	width: 300px;
	background-color: #D6D6D6;
	height: 270px;
	display: block;
}

#box-objetos {
 	width: 300px;
	background-color: #D6D6D6;
	height: 270px;
	display: block;
}

.box-obras {
		background-color: #FF0000;
		height: 112px;
		width: 112px;
		display:block;
	}

.box-obras a{
		display:block;
	}
	
.box-obras:hover {
		background-color: #6600FF;
		cursor:default;
	}/*Fondos*/
#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100% !important }
.bgheight { height: 100% !important; }/*      Main navigation
-------------------------------*/

ul.menu {
	
	font-size: 25px;
	margin: 0;
	width: 346px;
	float: left;
}
ul.menu  li {

        overflow: hidden;
        padding: 0; margin: 0;
        list-style: none none;
}

.menu > li > a,
.menu li span {
	  opacity: 0.9;
 	       color: #fff;
        display: block;
        text-decoration: none;
        text-indent: -9999px;   line-height: 45px; font-size: 44px;
        background: url(../img/nav.png) no-repeat;
        cursor: pointer;
        font-family: "Glifa", georgia,serif;
}

.menu > li > a:hover 
{-webkit-transition: opacity 600ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition:        opacity 600ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
	
	  	animation: myfirst2 1s;
    -webkit-animation: myfirst2 1s; /* Safari and Chrome */
}

.menu > li > a.temp {

        text-indent: 0px;
        background: 0 none;
}.menu > li.menu-586 > a{background-position: 0 -1px}/*el artista*/
.menu > li.menu-586:hover > a {
	background-position: 0 -222px
}
.menu > li.menu-586 > a:focus,
.menu > li.menu-586 > a.active-trail {
	background-position: 0 -445px
}.menu > li.menu-454 > a{background-position: 0 -112px}/*obra*/

.menu > li.menu-454 > a:focus,
.menu > li.menu-454 > a:hover{background-position: 0 -333px}
.menu > li.menu-454 > a.active-trail {background-position: 0 -557px}

.menu > li.menu-391 > span{background-position: 0 -1px}/*concepto*/
.menu > li.menu-391:hover > span,/*info*/
.menu > li.menu-391 > span:focus,/*info*/
.menu > li.menu-391 > span:hover, .menu > li.menu-391 > span.active-trail {background-position: 0 -277px}/*info*/

.menu > li.menu-408 a{
 
	
	background-position: 0 -56px}/*concepto*/
.menu > li.menu-408 a:hover {
	background-position: 0 -277px}/*concepto*/
.menu > li.menu-408 a.active-trail,/*concepto*/
.menu > li.menu-408 a:focus {background-position: 0 -499px}/*concepto*/

.menu > li.menu-419 a {background-position: 0 -168px}
.menu > li.menu-419 a:hover {background-position: 0 -389px}/*concepto*/
.menu > li.menu-419 a.active-trail,/*concepto*/
.menu > li.menu-419 a:focus {background-position: 0 -611px}/*concepto*/

.menu ul.menu { display: none; font-size: 12px; line-height: 16px}
.menu > li.expanded ul.menu, .menu > li:focus ul.menu  {
	display: block;
	padding: 0  0 0 0;
	text-align: right;
 }
.menu ul.menu li { line-height: 16px}
.menu ul.menu li a {
	background: 0 none;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	padding: 0 0 0 16px;
	text-indent: 0;
	padding-right: 70px;
}
.menu ul.menu li:hover  a {
	background-image: url(../img/selected.png);
	background-repeat: no-repeat;
	background-position: 290px;
}

 .menu li ul.menu li a:focus,
.menu ul.menu li a.active  {
	background-image: url(../img/selected2.png);
	background-repeat: no-repeat;
	background-position: 290px;
}
/*idioma*/
.front .menu {
	border: 1px solid #FFFFFF;
	clear: both;
	margin: 40px 0 0;
	padding: 5px;
	width: 122px;

}
.front .menu li { border-top: 1px solid #fff; padding: 5px 0 0 ; margin: 5px 0 0 ; line-height: normal}
.front .menu li:first-child { border: 0; padding: 0 ; margin: 0}
.front .menu li a { background: url(../img/selected_hor.png) no-repeat 0 0    ; padding: 0 0 0 25px; font: 14px/20px "Glifa", georgia, serif; color: #fff; text-transform: uppercase; text-indent: inherit}

.menu li.animacion   {
	width: 346;
	height: 311px;
	display:block;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #FFF;
 }

/*      Header
-------------------------------*/

#logo { float: left ; margin: 0}
#logo a {
	background: url(../img/logo.png) no-repeat;
	display: block;
	text-indent: -9999px;
	width: 336px;
	height: 92px;
	font-size: 34px;
}

#logo a:hover {
	background: url(../img/logo2.png) no-repeat;
-webkit-transition: opacity 600ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition:         opacity 600ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
	
	  	animation: myfirst3 1s;
    -webkit-animation: myfirst3 1s; /* Safari and Chrome */

}
/*      Home
-------------------------------*//*      Main
-------------------------------*/
/*fondos*/
.node-type-page #container {background: url(../img/fondos/blur_info.png) no-repeat 810px 34px}/*info*/
.page-node-2.node-type-page #container { background: 0 none}
.node-type-listado-de-obras #container, .page-node-25 #container{background: url(../img/fondos/blur_obra.png) no-repeat 810px 34px}/*obras*/
.page-node-12 #container{background: url(../img/fondos/blur_contacto.png) no-repeat 432px 34px}/*contacto*/
.page-blog #container, .node-type-article #container{background: url(../img/fondos/blur_blog.png) no-repeat 810px 34px}/*Blog*/
.page-node-84 .region-content { display: none }

.cont-texto{
	margin: 0 25px 0 25px;
	padding: 0 32px 0 25px;
	color: #FFF;
	font: 14px/24px "Glifa", georgia,serif;
 }

.cont-texto p {
	background-image:url(../img/transp3.png);
		margin: 0px 0px 0px 0px
;
}
.cont-texto2{
	margin: 0 25px 0 25px;
	padding: 0 32px 0 25px;
	color: #FFF;
	font: 16px/28px "Glifa", georgia,serif;
 }

.cont-texto2 p {
	background-image:url(../img/transp2.png);
		margin: 0 0 0px 0
}

.cont-texto2 h2 {	
	font: 46px/38px "Rocuel", georgia,serif;
	color: #FFF;
	margin-bottom: 24px;
	margin-top: 6px;
	font-variant: allcaps;
	}
.cont-texto h2 {
	font: 46px/38px "Rocuel", georgia,serif;
	color: #FFF;
	margin-bottom: 24px;
	margin-top: 6px;
	font-variant: allcaps;
}

.cont-texto h2 a {
	font: 38px/38px "Glifa", georgia,serif;
	color: #fff;
	margin-bottom: 24px;
	margin-top: 6px;
	font-variant: allcaps;
	opacity: 0.8;
}

.cont-texto h2 a:hover {
	font: 38px/38px "Glifa", georgia,serif;
	opacity: 0.45;
	margin-bottom: 24px;
	margin-top: 6px;
	font-variant: normal;
 
}
.cont-texto h3 {
	font: 26px/24px "Glifa", georgia,serif;
	color: #FFF;
	margin-bottom: 8px;
	font-variant: allcaps;
	border-top-color: #fff;
	display: block;
	border-top-width: 1px;
	border-top-style: dotted;
	padding-top: 12px;
	clear: right;
	text-decoration: none;
}

.cont-texto h3 a {
	text-decoration: none;
	color: #fff;
}

.cont-texto h3 a:hover {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: ridge;
	color: #FFF;
}

.cont-texto h4 {
	color: #FFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #515151;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #515151;
	font-family: "Glifa", georgia, serif;
	font-size: 14px;
	line-height: 24px;
	opacity: 0.8;
	height: 28px;
	display: block;
 }
 
 .cont-texto h5 {
	color: #FFF;
	font-family: "Glifa", georgia, serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
  }
  
  .autor {
	color: #FFF;
	font-family: "Glifa", georgia, serif;
	font-size: 11px;
	line-height: 24px;
	font-style: italic;
	text-align: right;
	display:block
  }
.page-node-2 #main { display: none}
.childsNav {
    float: right;
    margin: 0 0 0;
    width: 361px;
    display: none;
}

.childsNav li {height: 123px;    width: 119px; float: left;  margin-top: 1px !important; position: relative}
.childsNav li img { border: 3px solid #fff}
.childsNav li:first-child {margin: 0px 129px 0px 0px;}
.childsNav li.item-list-2 {margin: 0px 0px 0px 119px;}
.childsNav li.item-list-5 {margin: 0px 16px 0px 0px;}
.childsNav li.item-list-6 {margin: 0px 0px 0px 119px;}
#main .post {
        background: #fff;
        padding: 17px 20px 5px;
        position: relative;
        margin: 0 0 20px;
        overflow: hidden
}
#main .post h2 {        margin: 0 0 12px;}
#main .post h2 a, #main .post h2 {
        font: 12px/20px "Glifa", georgia,serif;
        text-transform: uppercase;
        color: #807f84;
}
#main .post.full h2 {text-transform: none; margin: 0; font: 20px/24px "Glifa", georgia,serif;}
#main .post .postedon {color: #807f84; font-size: 10px; text-align: right}
#main .post.full .postedon {text-align: left}
#main .post .content { float: left}
#main .post .content p{font: 12px/20px "Glifa", georgia,serif; color: #000;}
#main .post .content img{       float: left; margin: 10px 16px 10px 0}
#main .post .readmore{
        clear: both;
        margin: 0 0 10px;
}
#main .post .readmore a { display: block; text-indent: -9999px; background: url(../img/readmore.jpg) no-repeat; width: 40px; height: 10px; float: right}
#main .post .comments {clear: both; height: 25px}
#main .post .comments span{
        background: url(../img/comments.jpg) no-repeat right 0;
        padding: 0 25px 0 0;
        color: #000;
        font-size: 10px;
        float: right;
}

.item-list .pager li {
    background-image: none;
    display: inline;
    list-style-type: none;
    padding: 0;
        margin: 0 0 0 5px
}

.item-list .pager li:first-child { margin: 0}
.item-list .pager a {padding:3px 5px; color: #000; background: #fff; border: 1px solid #ecebe9; font-size: 12px; line-height: 12px;}
.item-list .pager .pager-current ,.item-list .pager a:hover {color: #fff; background: #000; border: 1px solid #fff;}
.item-list .pager .pager-current {padding:3px 5px;font-size: 12px; line-height: 12px;}
#main .post p   .excerpt { font:  12px/16px "Glifa", georgia,serif; color: #bab9be}
#main .post .tags { clear: both; width: 100%}
#main .post .tags { color: #807f84; font-size: 10px; }
#main #comments {margin: 20px 0 0; padding: 10px 0 0; border-top: 6px solid #979797}
#main #comments h2 {
background: url(../img/comments.jpg) no-repeat 0 0;
        padding: 0 0 0 25px;
        color: #a6a5aa;
        font: bold 10px/20px "Glifa", georgia,serif;
        margin: 0 0 20px
}
#comments .comment {
        /*border-top: 1px solid #c2c3c7;
        border-bottom: 1px solid #ecedef;*/
        border-bottom: 1px solid #c2c3c7;
        padding: 20px 0 5px;
}
#comments .comment:first-child { /*border-top: 0 none;*/ padding-top: 0}
#comments .comment h3 {display: none}
#comments .content .field-item  {color: #9d9ca1;font: 10px/20px "Glifa", georgia,serif; margin: 0 0 5px}
#comments .comment .submitted{text-align: right; font: 10px/20px "Glifa", georgia,serif; color: #9d9ca1;display: block}
#main #comments h2.comment-form{
        background: 0 none; padding: 0;
        font: 20px/25px "Glifa", georgia,serif; color: #828085;
        border-bottom: 2px dotted #acacae;
        margin: 20px 0;
}
/*      Sidebar
-------------------------------*/
#sidebar {
        background: url(../img/bg_sidebar.png) repeat;
        padding: 27px 15px;
}
#sidebar .widget { padding:10px 0; border-bottom: 2px dotted #77747d}
#sidebar .widget a {
        color: #fff;
        font-size: 12px;
}
#sidebar .widget-categories ul li {margin: 10px 0 0}
#sidebar .widget-archive .year ul {padding: 0 0 0 10px}
#sidebar .widget-archive li { color: #fff}
/*idioma*/
#nav.language {
        border: 1px solid #fff; padding: 5px
}
#nav.language li { border-top: 1px solid #fff; padding: 5px 0 0 ; margin: 5px 0 0 }
#nav.language li:first-child { border: 0; padding: 0 ; margin: 0}
#nav.language li a { background: url(../img/selected_hor.png) no-repeat 0 0    ; padding: 0 0 0 20px; font: 14px/20px arial; color: #fff; text-transform: uppercase; text-indent: inherit}

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

                FORMS

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

/*      General styles
-------------------------------*/ 


.requiredNote {
 	font-family: "Glifa", georgia,serif;
	font-size: 10px;
	background-image:none;
}

#contactform label {
	width: 350px;
	clear: right;
	float: left;
	font-size: 11px;
	letter-spacing: 0.1em;
	font-family: arial;
}

#contactform p {
	background-image:none;
}





input[type="text"],
 input[type="password"],
 input[type="email"],
select,
textarea {
	background: #eee;
	color: #000;
	font-family: "Glifa", georgia,serif;
	font-size: 12px;
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A43317;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}
 input[type="text"], input[type="email"], input[type="password"] { width: 403px }
select.select { padding: 4px 2px; width: 403px }
textarea.textarea { width: 403px; height: 90px }

 input[type="text"]:focus,
 input[type="email"]:focus,
 input[type="password"]:focus,
select:focus,
textarea:focus {
	background: #fff;
	border: 1px solid #fff;
	width: 403px;
}

input[type="submit"] {
	border: 0 none;
	color: #fff;
	cursor: pointer;
	font-family: "Glifa", georgia,serif;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 10px;
	background-color:#000;
	border-radius:2px;
	-moz-border-radius: 2px;
	letter-spacing: 0.1em;
	margin-top: 10px;
	margin-left: 330px;
}

/*      Individual forms
-------------------------------*/
 


#comment-form .form-submit {float: right; background: #9b9a9f; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color:#fff; text-transform: uppercase; padding: 3px 5px; font-size: 10px; margin: 10px 0 0 }
#comment-form .form-item input.error, #comment-form .form-item textarea.error, #comment-form .form-item select.error {
    border: 2px solid red;
}
#edit-comment-body-und-0-format,
.form-item-homepage,
.form-item-subject,
.filter-wrapper,
#edit-preview,
.contextual-links-wrapper,
.comment-reply a,
.content .form-type-item,
#bg {
    display: none
}

.menu > li.menu-391 ul.menu {
    display: none;
}
.menu > li.active-trail ul.menu {
    display: block;
}

/*----------------------------------* 
              video           
 /*----------------------------------*/

.blog_inline_video_top {
	height:390px;
	width: 523px;
	padding-top: 18px;
	padding-bottom: 18px;
  }/*----------------------------------* 
              paginador            
 /*----------------------------------*/

.wp-pagenavi {
	clear: both;
	font-size: 11px;
	padding-top: 30px;
	margin-bottom: 30px;
	padding-bottom: 30px;
	display: block;
	margin: auto;
	text-align: center;
	z-index:333;

}

.wp-pagenavi a, .wp-pagenavi span {
	color: #999;
	text-decoration: none;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
}

.wp-pagenavi span.current {
	color: #CCC;
 }

 /*-----------------blog-----------------*/
#seguir a{
	width:170px;
	height: 40px;
	float:right;
	background-image: url(../img/seguir.png);
	font-size: 11px;
	text-indent: 22px;
	padding-top: 7px;
	clear:left;
	display: block;
	color: #FFF;
	text-decoration: none;
}

#seguir a:hover{
	background-image: url(../img/seguir_2.png);

}

.alignright {
	text-align: right;
}

.txtcolor {
	color: #F93D06;
	font-weight: bold;
}

.txtgris {
	color: #939393;
}

 /*-----------------s-----------------*/#prev,#next, {cursor:pointer;}
#next:hover{background-position:bottom right;}
#next {
	background: url(../img/flechasgleria.png) no-repeat scroll right 0 transparent;
	height: 260px;
	margin-right:30px;
	right: -1px;
	text-indent: -9999px;
	width: 25px;
	top: 23%;
	background-image: url(../img/flechasgaleria.png);
	position: absolute;
	top:32px;
}

#prev{
	margin-left:20px;
	background:url(../img/flechasgaleria.png) no-repeat top left;
	width:25px;
	text-indent:-9999px;
	top: 118px;
	height: 260px;
	left: 2px;
	width: 40px;
	position: absolute;

	}
p.francesa {
	text-indent: -40px; 
	padding-left: 40px
}
	
#prev:hover{background-position:bottom left;}

.galnormal #prev, #next {
	text-indent: -9999px;
	top: 137px;
}#galnormal {
	display:block;
 	color: #000;
	background-color: #000;
}
/*
/* Large desktop */
@media (min-width: 980px) and (max-width: 1800px) {
        #container {            padding: 60px 20px 10px 24px;  width: 980px;   }
        /*fondos*/
        .node-type-page #container {background: url(../img/fondos/blur_info.png) no-repeat 589px 34px}/*info*/
        .node-type-listado-de-obras #container, .page-node-25 #container{background: url(../img/fondos/blur_obra.png) no-repeat 589px 34px}/*obras*/
        .page-node-12 #container{background: url(../img/fondos/blur_contacto.png) no-repeat 223px 34px}/*contacto*/
        .page-blog #container, .node-type-article #container{background: url(../img/fondos/blur_blog.png) no-repeat 352px 34px}/*Blog*/
         .page-blog      #columnLeft, .node-type-article #columnLeft {   width: 346px;   }
        .page-blog #container, .node-type-article #container  { width: 980px;   }
; 	background-image: url(../img/seguir.png);
	background-image: url(../img/seguir.png);
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 950px) {

        /*fondos*/
        .node-type-page #container {background: url(../img/fondos/blur_info.png) no-repeat 398px 34px}/*info*/
        .node-type-listado-de-obras #container, .page-node-25 #container{background: url(../img/fondos/blur_obra.png) no-repeat 520px 34px}/*obras*/
        .page-node-12 #container{background: url(../img/fondos/blur_contacto.png) no-repeat 7px 34px}/*contacto*/
        .page-blog #container, .node-type-article #container{background: url(../img/fondos/blur_blog.png) no-repeat 520px 34px}/*Blog*/
        #container {            padding: 152px 12px 10px 12px;          width: 980px;   }
         #content {width:520px}
        #main{width:353px}
        .page-blog      #columnLeft, .node-type-article #columnLeft {   width: 283px;   }
        .page-blog #container, .node-type-article #container  { width: 980px;   }
        .page-blog      #content, .node-type-article #content { width: 693px;   }
        .node-type-listado-de-obras #main {             margin: 0;              width: 340px;   }
		.modalFoto-s img { width:75%; height:75%;};
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

        /*fondos*/
        .node-type-page #container {background: url(../img/fondos/blur_info.png) no-repeat 398px 34px}/*info*/
        .node-type-listado-de-obras #container, .page-node-25 #container{background: url(../img/fondos/blur_obra.png) no-repeat 352px 34px}/*obras*/
        .page-node-12 #container{background: url(../img/fondos/blur_contacto.png) no-repeat 7px 34px}/*contacto*/
        .page-blog #container, .node-type-article #container{background: url(../img/fondos/blur_blog.png) no-repeat 352px 34px}/*Blog*/
        #container {            padding: 152px 12px 10px 12px;          width: 723px;   }
        #columnLeft {   margin: 0 0 30px;               width: 414px;   }
        #content {width:393px}
        #main{width:353px}
        .page-blog      #columnLeft, .node-type-article #columnLeft {   width: 283px;   }
        .page-blog #container, .node-type-article #container  { width: 707px;   }
        .page-blog      #content, .node-type-article #content { width: 693px;   }
        .node-type-listado-de-obras #main {             margin: 0;              width: 340px;   };
		.modalFoto-s img { width: 33%; height:33%;};