/* Reset v1.0 | 20080212 ----------------------------------------------------------------------------------------------------------------------*/

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%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clrfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clrfix {display: inline-block;}

/* IE-mac no lee \*/
* html .clrfix {height: 1%;}
.clrfix {display: block;}
/* IE-mac vuelve a leer */


hr { display : none; }
.none { display : block !important; position : absolute !important; top : -3000em !important; }
acronym, abbr { cursor : help; }


body.seccion_projects div.content_wraper div.content {
	background : url(/img/proyectos/panel_top.jpg) no-repeat center top;
	padding  :230px 0 0 0;
}

body.seccion_about div.content_wraper div.content {
	background : url(/img/sobre_nosotros/panel_top.png) no-repeat center top;
	padding  :11px 0 0 0;
}
body.blog div.content_wraper div.content,
body.single div.content_wraper div.content,
body.error404 div.content_wraper div.content,
body.archive div.content_wraper div.content {
	background : url(/img/blog/panel_top.png) no-repeat center top;
	padding  :230px 0 0 0;
}
body.seccion_about div.content_wraper div.content div.inner{
	padding : 0 2px;
	background : url(/img/panel/mid.png) repeat-y center top;
}
body.blog div.content_wraper div.content div.inner,
body.archive div.content_wraper div.content div.inner{
	padding : 0 2px;
}


/* Common 
----------------------------------------------------------------------------------------------------------------------*/
body {
	background : #fff url(/img/layout/ps.png) repeat center center;
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	opacity : .99999;
	font-size: 14px; 
	color : #333;
}

/* Links
----------------------------------------------------------------------------------------------------------------------*/



body a:link{
	color:#07c;
	text-decoration:none;
	border-bottom : 1px dotted #07c;
}
body a:visited{
	color:#07c;
	text-decoration:none;
	border-bottom : 1px dotted #07c;
}
body a:hover{
	color:#4e9600;
	border-bottom-color : #4e9600;
}
body a:active{
	color:#07c;
	text-decoration:none;
	border-bottom : 1px dotted #07c;
}

/*
body a.ico:link,
body a.ico:visited{
	padding-left : 20px;
	background : url(/img/layout/link.gif) no-repeat left center;
	border : none !important;
	line-height  :18px;
}

body a.ico:link span,
body a.ico:visited span{
	border-bottom : 1px dotted #07c;
}

body a.ico:hover span{
	border-bottom : 1px dotted #4e9600;
}

*/


ul{
	list-style:square;
	padding:0 0 0 2.5em;
	margin:0;
}


/* Headings
----------------------------------------------------------------------------------------------------------------------*/
h2,h3,h4,h5,h6{
	color:#2c2c2c;
	padding-bottom : .3em;
	font-weight : normal;
}


h2{	font-size:1.8em; }
h3{	font-size:1.3em; }  
h4{	font-size:1.1em; }  
h5,
h6{	font-size:1.0em; }


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

div.top{
	border-bottom  :7px solid #036;
	background : url(/img/layout/fnd.header.png) repeat-x bottom;
	height : 123px;
	text-align  :center;
}
div.top h1.logo{
	width : 235px;
	height : 93px;
	padding-top : 30px;
	background : url(/img/layout/logo.jpg) no-repeat center center;
	margin : 0 auto;
}
div.top h1.logo a{
	display : block;
	width : 235px;
	height : 63px;
	background : url(/img/layout/logo.hover.jpg) no-repeat -20em -20em;
	border : none !important;
	text-indent : -300em;
}
div.top h1.logo a:hover{
	background-position : center center;
}
div.top ul.top_menu{
	width : 470px;
	height : 39px;
	position  :absolute;
	top : 105px;
	left : 50%;
	margin : 0 0 0 -235px;
	padding : 0;
	list-style : none;
}
body.en div.top ul.top_menu{
	width : 415px;
	margin : 0 0 0 -208px;
}

div.top ul.top_menu li{
	float : left;
	height : 39px;
	background : url(/img/layout/menu.png) no-repeat;
	cursor : pointer !important;
}
body.en div.top ul.top_menu li{
	background-image : url(/img/layout/menu_en.png);
}

div.top ul.top_menu li.link_1{ width : 129px; background-position : 0 0;      }
div.top ul.top_menu li.link_2{ width : 88px;  background-position : -129px 0; }
div.top ul.top_menu li.link_3{ width : 58px;  background-position : -217px 0; }
div.top ul.top_menu li.link_4{ width : 96px;  background-position : -275px 0; }
div.top ul.top_menu li.link_5{ width : 99px;  background-position : -371px 0; }

body.en div.top ul.top_menu li.link_1{ width : 91px;  background-position :      0 0; }
body.en div.top ul.top_menu li.link_2{ width : 85px;  background-position :  -91px 0; }
body.en div.top ul.top_menu li.link_3{ width : 62px;  background-position : -176px 0; }
body.en div.top ul.top_menu li.link_4{ width : 87px;  background-position : -238px 0; }
body.en div.top ul.top_menu li.link_5{ width : 90px;  background-position : -325px 0; }

/* SIN BLOG*/
div.top ul.top_menu{margin : 0 0 0 -206px;}
div.top ul.top_menu li.link_3{display : none;}
body.en div.top ul.top_menu{ width : 353px;	margin : 0 0 0 -176px; }


div.top ul.top_menu li a{
	display  :block;
	height : 100%;
	width : 100%;
	background : url(/img/layout/menu.png) no-repeat -200px -200px;
	border : none;
	text-indent : -300em;
}
body.en div.top ul.top_menu li a{
	background-image : url(/img/layout/menu_en.png) !important;
}

div.top ul.top_menu li.link_1 a:hover{ background-position :      0 -78px; }
div.top ul.top_menu li.link_2 a:hover{ background-position : -129px -78px; }
div.top ul.top_menu li.link_3 a:hover{ background-position : -217px -78px; }
div.top ul.top_menu li.link_4 a:hover{ background-position : -275px -78px; }
div.top ul.top_menu li.link_5 a:hover{ background-position : -371px -78px; }

body.en div.top ul.top_menu li.link_1 a:hover{ background-position :      0 -78px; }
body.en div.top ul.top_menu li.link_2 a:hover{ background-position :  -91px -78px; }
body.en div.top ul.top_menu li.link_3 a:hover{ background-position : -176px -78px; }
body.en div.top ul.top_menu li.link_4 a:hover{ background-position : -238px -78px; }
body.en div.top ul.top_menu li.link_5 a:hover{ background-position : -325px -78px; }


div.top ul.top_menu li a.selected{ 
	cursor  :default;
}
div.top ul.top_menu li a.active{ 
	cursor  :pointer;
}



div.top ul.top_menu li.link_1 a.selected,
div.top ul.top_menu li.link_1 a.selected:hover{ background-position :      0 -39px; }
div.top ul.top_menu li.link_2 a.selected,
div.top ul.top_menu li.link_2 a.selected:hover{ background-position : -129px -39px; }
div.top ul.top_menu li.link_3 a.selected,
div.top ul.top_menu li.link_3 a.selected:hover{ background-position : -217px -39px; }
div.top ul.top_menu li.link_4 a.selected,
div.top ul.top_menu li.link_4 a.selected:hover{ background-position : -275px -39px; }
div.top ul.top_menu li.link_5 a.selected,
div.top ul.top_menu li.link_5 a.selected:hover{ background-position : -371px -39px; }


body.en div.top ul.top_menu li.link_1 a.selected,
body.en div.top ul.top_menu li.link_1 a.selected:hover{ background-position :      0 -39px; }
body.en div.top ul.top_menu li.link_2 a.selected,
body.en div.top ul.top_menu li.link_2 a.selected:hover{ background-position : -91px -39px; }
body.en div.top ul.top_menu li.link_3 a.selected,
body.en div.top ul.top_menu li.link_3 a.selected:hover{ background-position : -176px -39px; }
body.en div.top ul.top_menu li.link_4 a.selected,
body.en div.top ul.top_menu li.link_4 a.selected:hover{ background-position : -238px -39px; }
body.en div.top ul.top_menu li.link_5 a.selected,
body.en div.top ul.top_menu li.link_5 a.selected:hover{ background-position : -325px -39px; }


/*animacion*/
div.top ul.animated li.link_1 a.active{ background-position :      0 -78px; }
div.top ul.animated li.link_2 a.active{ background-position : -129px -78px; }
div.top ul.animated li.link_3 a.active{ background-position : -217px -78px; }
div.top ul.animated li.link_4 a.active{ background-position : -275px -78px; }
div.top ul.animated li.link_5 a.active{ background-position : -371px -78px; }

body.en div.top ul.animated li.link_1 a.active{ background-position :       0 -78px; }
body.en div.top ul.animated li.link_2 a.active{ background-position :   -91px -78px; }
body.en div.top ul.animated li.link_3 a.active{ background-position :  -176px -78px; }
body.en div.top ul.animated li.link_4 a.active{ background-position :  -238px -78px; }
body.en div.top ul.animated li.link_5 a.active{ background-position :  -325px -78px; }


/* menu idiomas */
div.top ul.langs_menu{
	width : 200px;	
	position  :absolute;
	top : 30px;
	left : 50%;
	margin : 0 0 0 260px;
	text-align: right;
	padding : 0;
	list-style : none;	
}
div.top ul.langs_menu a{	
	color: white;	
}


/* Contenido
----------------------------------------------------------------------------------------------------------------------*/
div.content_wraper{
	background : url(/img/layout/pattern.png) repeat center top;
	border-bottom : 1px solid #1b2023;
	padding : 30px 0;
}

div.content_wraper div.content {
	background : url(/img/panel/top.png) no-repeat center top;
	width : 964px;
	margin : 0 auto;
	padding  :13px 0 0 0;
}
div.content_wraper div.content div.inner{
	background : url(/img/panel/mid.png) repeat-y center;
	padding : 0 30px;
	min-height : 250px;
	font-family:Georgia,"Times New Roman",Times,serif;
	overflow : hidden;
}
div.content_wraper div.content p.panel_bottom{
	background : url(/img/panel/bot.png) no-repeat center bottom;
	width : 964px;
	padding : 0;
	margin : 0 0 0 0;
	height  :25px;
	text-indent : -300em;
}





/* Menu inferior
----------------------------------------------------------------------------------------------------------------------*/
div.bottom_menu{
	background : #0f1214 url(/img/layout/fnd.bottom_menu.png) repeat-x top;
	display : none;
}
div.bottom_menu ul.menu{
	min-height : 140px;
	width : 935px;
	margin : 0 auto;
	padding : 9px 0 25px 0;
	background : url(/img/layout/fnd.bottom_menu.sep.png) repeat-x bottom;
	list-style : none;
}
div.bottom_menu ul.menu li{
	float : left;
	width : 187px;
}
div.bottom_menu ul.menu li a.title{
	display : block;
	height : 22px;
	width : 187px;
	border  :none;
	text-indent : -300em;
	background : url(/img/layout/img.bottom_menu.titles.png) no-repeat 0 0;
	cursor : default;
}


div.bottom_menu ul.menu li.link_1 a.title{ background-position : 0 0; }
div.bottom_menu ul.menu li.link_2 a.title{ background-position : -187px 0; }
div.bottom_menu ul.menu li.link_3 a.title{ background-position : -374px 0; }
div.bottom_menu ul.menu li.link_4 a.title{ background-position : -561px 0; }
div.bottom_menu ul.menu li.link_5 a.title{ background-position : -748px 0; }

div.bottom_menu ul.menu li ul{ 
	margin : 0;
	padding : 0 0 0 17px;
	list-style : none;
}
div.bottom_menu ul.menu li ul li{
	float : none;
	width : auto;
}
div.bottom_menu ul.menu li ul li a{ 
	color : #959595;
	border-color : #959595;
	line-height  :2em;
	font-size : 11px;
}
div.bottom_menu ul.menu li ul li a:hover{ color : #2477b7; border-color : #2477b7; }

div.bottom_menu ul.menu li.link_2 ul li a:hover{ color : #c0c; border-color : #c0c; }
div.bottom_menu ul.menu li.link_3 ul li a:hover{ color : #f90; border-color : #f90; }
div.bottom_menu ul.menu li.link_3 ul li a:hover{ color : #f90; border-color : #f90; }
div.bottom_menu ul.menu li.link_4 ul li a:hover{ color : #9c0; border-color : #9c0; }
div.bottom_menu ul.menu li.link_5 ul li a:hover{ color : #fc0; border-color : #fc0; }



/* Footer
----------------------------------------------------------------------------------------------------------------------*/
div.footer{
	background : #0d0f11 url(/img/layout/fnd.footer.png) repeat-x bottom;
	padding : 0 0 10px 0;
}
div.footer ul.langs_menu{
	margin : 0;
	padding : 4px 0 0 0;
	list-style : none;
	width : 100%;
	background : #000 url(/img/layout/lang.jpg) repeat-x bottom;
	text-align : center;
	font-size : 11px;
	border-top  :7px solid #0f1214;
	border-bottom : 1px solid #1b2023;
}
div.footer ul.langs_menu li{
	display : block;
	width : 100%;
	padding-bottom : 9px;
	border-bottom  :7px solid #0f1214;
}
div.footer div.vcard{
	background : url(/img/layout/fnd.footer.sep.png) no-repeat top;
	padding : 20px 0 15px 0;
	margin : 0 auto;
	width : 935px;
	text-align : center;
	font-size  :11px;
	color : #4c5356;
}

div.footer div.vcard a.fn{
	background : url(/img/layout/logo.bottom.png) no-repeat center center;
	border : none !important;
	margin : 0 auto;
	display : block;
	width : 170px;
	height : 47px;
	text-align : center;
	text-indent : -3000em;
	cursor : default;

}
div.footer div.vcard a:link,
div.footer div.vcard a:visited{
	color : #3e6579;
	border-color : #3e6579;
}
div.footer div.vcard a:hover{
	color : #2477b7;
	border-color : #2477b7;
}






/* jQuery.flash
----------------------------------------------------------------------------------------------------------------------*/
.flash-replaced .alt {
				display: block;
				height: 0;
				position: absolute;
				overflow: hidden;
				width: 0;
			}
			

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}