body{
	color: #222;
	font-family: "Arial", "Tahoma","Verdana", sans-serif;
        *font-family: "Swis721 BT","Arial";
	font-size: 13px;
        margin:0;
        padding:0;
}


p{text-align:justify; margin: 5px 0;}
img, a img { border: none; }
h1{font-size: 2.2em; text-transform: capitalize; font-weight: normal;}
h2{font-size: 1.8em; color: #222; font-weight: normal;}
h3{font-size: 1.6em; color: #222; font-weight: normal; margin:0; padding:0;}
h4{font-size: 1em; color: #b0be5a; margin:0 0 10px 0; padding:0;}
h5{font-size: 14px; color: #b0be5a; margin:0; padding:0;}
a{color:#444;}
a:hover{color:#b0be5a;}

ul,li{padding:0; margin:0; list-style:none;}

ul{margin-bottom: 50px;}
input[type=text],input[type=password]{height:15px; width: 246px; color:#222; padding:5px 0 5px 5px; outline: none;}
input[type=text]:focus,input[type=password]:focus{border: 1px solid #7bc1e3;}
input[type=submit]{ background: url(/img/background_button.png); border:none; height:30px; width:108px; color:#DEDEDE; margin:10px 0; float:right; cursor: pointer; font-size:1em; text-transform: uppercase;}
input[type=submit]:hover{ color:#C0A062;}

.container{
        margin-top: 10px;
}

#header{
        width: 100%;
        height: 70px;
	font-family: "Tahoma";
}

#languages{
	text-align: right;
	margin-top: 45px;
	font-size: 12px;
}
#languages a{
	text-decoration: none;
}

#logo{
        text-align: center;
}

#main{
        width: 100%;
        margin-top: 30px;
	display: none;

}

#menu{
	margin-top: 30px;
        font-size: 16px;
	font-weight: bolder;
}

#menu a{
	color: #222;
	text-decoration: none;
}
#menu a:hover{
	color:#b0be5a;
}

#menu a.active{
	color:#b0be5a;
}
#titol{
	text-align: right;
	font-weight: bolder;

}

#titol a{
	text-decoration: none;
}

/* NOSOTROS */

.scroll_nosotros { 
    position:relative; 
    overflow:hidden; 
    width: 350px; 
    height: 350px; 
    float:left; 
}

.ui-state-active a{
	color: #b0be5a;
}
#accordion div{
	width: 100%;
	margin-bottom:10px;
	overflow: hidden;
}
#accordion a{
	clear:both;
	text-decoration: none;
}
.scroll_nosotros .pics {
    width:20000em; 
    position:absolute; 
    clear:both; 
} 
 

.pics img {
    float:left; 
    cursor:pointer; 
    width:350px;
    height: 350px;
    margin:0px; 
}

/* EQUIPO */

.item_equipo{
	width: 270px;
	height: 460px;
	position: relative;
	text-align: justify;
}
.equipo {
	width: 100%;
}
.equipo td{
	padding-bottom: 10px;
}
.equipo td.name{
	font-size: 13px;
	width: 158px;
	text-align: right;
	font-weight: bold;

}

.name a{
	text-decoration: none;
	color: #333;
}

.name a:hover{
	text-decoration: none;
	color: #b0be5a;
}
.equipo td.ocupation{
	font-size: 13px;
	width: 112px;
	padding-left:5px;
	text-transform: lowercase;
	text-align: left;
	color:#b0be5a;
	font-weight: bold;

}

.name_member h4{
	text-transform: lowercase;
}

/* PROYECTOS */

.navi {
    text-align: left;
    height:10px;
    margin-bottom:5px;
    background: url("/img/scroll.jpg") repeat-x;
}
 
 
/* items inside navigator */ 
.navi a { 
    width:8px; 
    height:8px;
    margin-top: 10px; 
    float:left; 
    border: 1px solid #666;
    display:block; 
    font-size:1px;
    background: #ffffff;
} 
 
/* mouseover state */ 
.navi a:hover { 
    background: #b0be5a;
} 
 
/* active state (current page state) */ 
.navi a.active { 
    background: #b0be5a;
}

.proyectos table{
	width: 100%;
}

.proyectos a{
	color: #222;
	text-decoration: none;
}
.proyectos a:hover{
	color: #b0b35e;
}


.name_proyecto{
	font-size: 1.5em;
	width: 70%;
	text-align: right;

}
.type_proyecto{
	padding-left:5px;
	font-weight: bold;
	color: #b0b35e;
	text-align: left;
	width: 30%;

}

/* NOTICIAS */

#filtro{
	text-align: right;
	margin: 5px 0 20px 0;
}
#filtro a{
	text-decoration: none;
	color:#999;
	margin-left: 10px;
	font-weight: bold;

	
}

#entrada{
	position: relative;
	margin-bottom: 20px;
}
.title{
	font-size: 1.5em;
	color: #b0b35e;
}

.title a{
	text-decoration: none;
	color: #b0b35e;
}
.title a:hover{
	text-decoration: none;
	color: #999;
}
.data{
	text-align: center;
	color: #666;
}
.noticias_img{
	text-align: right;
}
.noticias_img img{
	float: right;
}
#filtro a.filter_active{
	color: #b0b35e;
}

/* CONTACTO */

.links{
	text-align: right;
}
.links h4{ color: #999;}
.links a{
	color: #999;
	text-decoration: none;
}
.links a:hover{
	color: #b0b35e;
}
.contact{
	text-align: right;
	position: absolute;
	bottom: 0;
	font-size: 14px;
	font-weight: bold;

}
.email{
	color: #b0b35e;
	font-weight: bold;

}

#demo-frame > div.demo { padding: 10px !important; }
.scroll-pane { overflow: auto; width: 99%; float:left; }
.scroll-content { width: 2440px; float: left; }
.scroll-content-item { width: 100px; height: 100px; float: left; margin: 10px; font-size: 3em; line-height: 96px; text-align: center; }
* html .scroll-content-item { display: inline; } /* IE6 float double margin bug */
.scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; }
.scroll-bar-wrap .ui-slider { background: none; border-top:1px solid #000; height: 1px; margin: 0 auto;  }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
.scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; }
.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }

#menu{
	height: 500px;

}
#menu li{
        margin-bottom: 10px;
	
}

#footer{
        margin-top: 10px;
        height: 70px;
}
#subtitle{
        margin-top: 20px;
        font-size: 16px;
        color:#bf9f62;
}

#subtitle span{
        margin-left: 40px;
        
}
#submenu{
       /* required settings */
	position:relative;
	overflow:hidden;
	width: 720px;
	height:120px;
        visibility: hidden;

}

#submenu .items{
        width:20000em;
	position:absolute;
	clear:both;
}
#submenu span{
        background: #000;
        color: #bf9f62;
        font-size: 11px;
        float:left;
	border:1px solid #ccc;
	cursor:pointer;
	width:68px;
	height:68px;
        text-align: center;
        vertical-align: middle;
}
#submenu span a{
        display: block;
        margin-top: 20px;
}

#submenu span:hover{
        color: #47bbe4;
}

#submenu .active {
        color: #47bbe4;
	border:1px solid #bf9f62;
	position:relative;
}

#submenu .active a{
        color: #47bbe4;
}

#collections{
       /* required settings */
	position: relative;
	overflow:hidden;
	height:390px;
}

#collections .items{
        height:20000em;
	position:absolute;
	clear:both;
}
#collections img{
        background: #000;
        color: #bf9f62;
        font-size: 12px;
	border:1px solid #ccc;
	cursor:pointer;
        text-align: center;
        vertical-align: middle;
        margin-bottom: 10px;
}

#collections .active {
        color: #47bbe4;
	border:1px solid #bf9f62;
	position:relative;
}


#barra_collections{
        padding:0;
        margin-top:-10px;
        position:absolute;
        margin-left:242px;
        width:76px;
        height:110%;
        background: url(/img/bg_collections.png) repeat-x;
        top:1550px;
}


#product
{
        width:390px;
        height:390px;
}

#products
{
        height:390px;
}

.products{
        height: 310px;
}
.description{
        padding: 5px;
        width: 220px;
        height: 60px;
        background: #444;
        visibility: hidden;
        margin-left: -5px;
}
#product_item{
        border:1px solid #666;
        width: 68px;
        height: 68px;
        margin-bottom:10px;
}
/*
 * Message
*/

#authMessage{
        color: #D8000C;
        text-align: right;
}
label {
        float: left;
        text-align: right;
        padding: 5px 0;
        margin-right: 15px;
        width: 120px;
        color: #7bc1e3;
        text-transform: uppercase;
}
.form_field{
        margin:20px 0;
        height: 20px;
}

/* SCROLL */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}