@font-face {
	font-family: 'League_Gothic';
	src: url('League_Gothic-webfont.eot');
	src: local('☺'), url('League_Gothic-webfont.woff') format('woff'), url('League_Gothic-webfont.ttf') format('truetype'), url('League_Gothic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
        background-color: #fcb3bc;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}




body{
/*	color:#2b2516;*/
        color:#5d6160;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
        padding:40px 40px 350px 40px;
}


a{text-decoration:underline;}
a:link{color:#5d6160;}
a:visited{color:#5d6160;}
a:hover,a:active{color:#4d4d4d;}
.quiet{color:#666;}
h1,h2,h3,h4{
	font-family:"League_Gothic","Helvetica","Arial Narrow", sans-serif;
	font-weight:normal;
        letter-spacing:0.01em;
        text-transform: uppercase;
/*        text-shadow: 3px 3px 1px #fff;*/

}

h1 a, h2 a,h3 a, h4 a{
	text-decoration:none;

}



h2{
    margin-top:0;
/*    font-size:32px;*/
font-size:2.5em;
}

select,input,textarea{font-family:Arial,Helvetica,sans-serif;}
pre,code{font-family:"Courier New", Courier, mono;}
blockquote{
	font-size:20px;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-style:italic;
	font-weight:bold;
	float:left;
	margin:10px 10px 10px 0;
	width:260px;
	float:left;
}


   blockquote:before { content: '\201C'; }
   blockquote:after { content: '\201D'; }
/*for dev only*/
.bgcolor {background-color:#efe;}
.bgcolor1 {background-color:#fee;}
.bgcolor2 {background-color:#eef;}
/*– Starter CSS end — */

table{
	vertical-align: top;
}
table td{
	padding:2px;
	vertical-align: top;
}
 #infomessage {
	/*display:none;*/
	
        position: fixed;
        z-index:120;
        top:0;
        left:0;
width:100%;
	clear:both;
	padding:1em 2em;
	/*margin:5px;*/
	background:#b8dbff url(../icons/admin/information.png) left center no-repeat;
	font-weight:bold;

	}

.right{
	float:right;
}
.left{
	float:left;
}
.center{
	display:block;
	text-align:center;
}

/*  -----------NAV----------------*/

.divnav {

        position: fixed;
        z-index:120;
        bottom:0;
        left:0;
	padding:50px 0 20px 40px;
        width:350px;
        height:220px;
      	background:transparent url(../icons/pinktriangle3.png) bottom right no-repeat;
/*        background: url(../ione_hern.jpg) no-repeat top left fixed;*/

       	font-family:"League_Gothic","Helvetica","Arial Narrow", sans-serif;
        font-size:24px;
        line-height: 0.9em;
        text-transform: uppercase;
}
.divnav ul{
    position:absolute;
    bottom:40px;
    list-style:none;
	margin:0;
	padding:0;
}
.divnav a{
    text-decoration: none;
    color:#fff;
            text-shadow: 1px 1px 1px #000;
}
.divnav a:hover, .divnav a.selected{
    color: #fcb3bc;

}
/* fin menu */

ul.lang{
     position:fixed;
    top:58px;
    right:40px;
    list-style:none;
	margin:0;
	padding:0;
        z-index:120;
}
ul.lang li{
    float:left;
}
ul.lang li a{
    text-decoration:none;
    padding:6px;
    color:#5d6160;
    font-size:13px;
}
ul.lang li a:hover, ul.lang li a.selected{
    color:#fcb3bc;
        background-color:#f796a2 ;
        text-shadow: -1px -1px 1px #f796a2;

}

a.backhome{
     position:fixed;
    top:55px;
    left:0px;
    text-decoration:none;
    width:30px;
    height:35px;
    background:transparent url(../icons/backhome.gif) top left no-repeat;
    text-indent: -2000px;


}
/*  -----------PAGES----------------*/
/* home page*/

.home{
    margin-top:120px;
    width:500px;
}
.home h1{
    font-size:50px;

}
.home div{
    font-size: 16px;
}

.bigtitle{
/*    font-size: 50px;*/
font-size:2.5em;
    line-height: 50px;
    margin:0 0 20px 0;
}

.portfolio_item{
    float:left;
    width:200px;
    height:250px;
/*    background-color: #fff;*/
    margin:0 20px 20px 0;
    padding-bottom:10px;

  
    
}
.portfolio_item img{
      -webkit-box-shadow: 0 0 6px #e57986;/*#f796a2;*/
    -moz-box-shadow:0 0 6px #e57986;
    box-shadow: 0 0 6px #e57986;
}
.portfolio_item:hover img{

    -webkit-box-shadow: 0 0 2px #e57986;/*#f796a2;*/
    -moz-box-shadow:0 0 2px #e57986;
    box-shadow: 0 0 2px #e57986;
}

.portfolio_item h2{
    font-size:2.5em;
/*    border-left:6px solid #000;*/
    padding:2px 4px 2px 0;
    margin:6px 0 0 0;
}
.portfolio_item a.more{
/*    float:right;*/
/*    margin:0 0 ;*/
color:#fff;
font-weight: bold;
    text-decoration:none;
}


.page {
    position:relative;
    margin-left:430px;
    margin-top:50px;
}
.page .box{
    width:350px;
    padding:1px 12px;
    background-color: #f9bdc4;
}
.page h2{
    position:fixed;
    left:50px;
/*    float:left;*/
/*    margin-right: 20px;*/
    top:55px;
    z-index:120;
    background-color:rgba(252,179,188,0.8); /*#fcb3bc;*/


}
/* para maquetar los videos de vimeo*/

.page iframe, .page .page-gallery,.page form {
    position:absolute;
    left:-428px;
top:0px;
/*  posicion fixed
    position:fixed;
    left:40px;
    top:100px;*/
}
.page iframe + iframe{
    top:350px;
}
.page iframe + iframe + iframe {
    top:700px;
}
.prevnext{
    background-color:rgba(252,179,188,0.8); /*#fcb3bc;*/

        position:fixed;
    top:60px;
    right:200px;
    list-style:none;
	margin:0;
	padding:0;
        z-index:120;
}
.prevnext a{
    padding:4px 6px;
    text-decoration:none;
    font-family:"League_Gothic","Helvetica","Arial Narrow", sans-serif;
        font-size:20px;
        line-height: 0.9em;
        text-transform: uppercase;
        color:#f796a2;
}
.prevnext a:hover{
     color:#e57986;
}

.children_list hr{
    color:transparent;
    background: transparent;
    border:none;
    width:100%;
    clear:both;
    height:20px;
}

.child_gallery{
float:left;
width:400px;

}
.child_box{
    float:left;
    width:350px;
    padding:1px 12px;
    margin-left:30px;
    background-color: #f9bdc4;
}
/* menu vertical jerarquico - paginas */
.page_tree{
}
ul.page_tree {
	list-style:none;
	margin:0;
	padding:0;
}
.page_tree li{
	font-size:12px;
}
.page_tree a{
	text-decoration:none;
	display:block;
	padding:6px 6px;
}
.page_tree a:hover{
	padding:6px;
	background-color:#F2F2F2;
}
.page_tree a.selected{
	font-weight:bold;
}
ul.page_tree li ul li{
	padding-left:10px;
	font-size:0.9em;
}








/* forms */

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
/*  border:1px dotted #f7a0aa;*/

/*  width: 600px;*/
}

form fieldset {
 clear: both;   /* note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border: none;
  padding: 0;        /* padding in fieldset support spotty in IE */
  margin: 0;
}
form hr{
    color:transparent;
    background:none;
    border:none;
}
form label {
	display: block;  /* block float the labels to left column, set a width */
	font:11px verdana,arial,sans-serif;
	color:#66666C;
	float: left;
	width: 70px;
	padding: 0 10px;
	margin: 5px 0 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}

/*

label{
	clear:both;
display:block;
margin-top:1em;
color:#666666;
font-size:0.9em;
}
*/
form iframe{
	margin: 5px 0 0 10px;

}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	/*width:auto;*/      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of    label aligns textarea better in IE */
        font-size:16px;
	padding:3px;
        border:none;
        background-color: rgba(255,255,255,0.4);
        width:290px;
}
form textarea{
	margin:5px 0 0 10px;
        overflow: auto;
}
input:focus, textarea:focus{
	border:1px solid #a4b1bd;
	background-color:#FFFFFF;
	outline: 1px solid #e1e1e1;
}



form small {
	display: block;
	margin: 0 0 5px 90px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}
form input[type="submit"] {

	display:block;
	width:90px;
	margin-top:1em;
	margin-left:100px;
	border:0;
	background: #e3e3e3;
	background: -moz-linear-gradient(top, #e3e3e3, #c8c8c8);
	background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#c8c8c8));
	padding: 6px 20px;
	position: relative;
	-moz-box-shadow: 1px 1px 3px #292929;
	-webkit-box-shadow: 1px 1px 3px #292929;
        box-shadow: 1px 1px 3px #292929;
	color: #454545;
	text-shadow: 0 1px 0 white;

}
form input[type="submit"]:hover {
	color:#fff;
	background:#1a1a1a;
	text-shadow: 0 1px 0 black;
}

.nomostrar{
	display:none;
}


.errFld {border: 1px solid #F00; /*...errores de formulario wforms ... */}
.errMsg {
	color: #000000;
	background-color:#FFFF99;
	margin:0px;
	padding:2px;
	text-indent:15px;
	background-image:url(../icons/admin/bullet_delete.png);
	background-repeat:no-repeat;
	background-position:top left;/**/
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

form .margin_left{
	margin-left:90px;
}









@media only screen and (max-width:1024px){



    .divnav {

        /*position: fixed;*/
        z-index:120;
        top:0;
        left:0;
        padding:2px 0 2px 10px;
        width:100%;
        height:2em;
        background:transparent;
               background: url(../ione_hern.jpg) no-repeat top left fixed;

        font-family:"League_Gothic","Helvetica","Arial Narrow", sans-serif;
        font-size:18px;
        line-height: 0.9em;
        text-transform: uppercase;
    }
    .divnav ul{
/*        position:absolute;*/
        top:10px;
        list-style:none;
            margin:0;
            padding:0;
    }
    .divnav ul li{
        float:left;
    }
    .divnav ul li a{
        padding-right:6px;
    }


}




















/*
 * mscln
 */
a.mscln{
    position: fixed;
    color:#fff;
    bottom:20px;
    right:20px;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:0.01em;
}

.inline_menu{
background-color:#ADD8E6;
position:fixed;
top:0;
right:0;
padding:6px;
}
.inline_menu a{
margin:0 6px;
text-decoration:none;
}