/*
div.content_wraper div.content div.inner {
	padding:0 15px 0 16px;
	width:935px;
}
div.content_wraper div.content div.inner div.proyectos_holder{
	background:transparent url(/img/proyectos/fnd.proyectos.jpg) no-repeat scroll center top;
	padding:210px 23px 0 23px;
}
*/
h2{
	background:transparent url(/img/proyectos/sep.jpg) no-repeat scroll center bottom;
	margin-bottom  :1em;
}

h2 span.subtitle{
	font-size : 14px;
	color : #555;
	display : block;
}
h2 span.subtitle_detail{
	font-size : 14px;
	color : #555;
	display : block;
	padding-top : .5em;
}


div.project_panel{
}

div.project_panel div.left{
	float  :left;
	width : 543px;
	padding : 0 0 0 12px;
}
div.project_panel div.left ul,
div.more_projects ul.more_projects_holder{
	list-style : none;
	margin : 0;
	padding : 0;
}
div.more_projects ul.more_projects_holder{
	position  :relative;
	left  :10px;
}
div.project_panel div.left ul li,
div.more_projects ul.more_projects_holder li{
	float : left;
	width : 156px;
	border-right : 25px solid #fff;
	border-bottom : 20px solid #fff;
}
div.more_projects ul.more_projects_holder li{
	border-right-width : 24px;
}
div.project_panel div.left ul li a,
div.more_projects ul.more_projects_holder li a{
	display :block;
	width : 136px;
	height : 163px;
	padding : 10px;
	border : none;
	background : url(/img/portfolio/thumbs/shadow.jpg) no-repeat 0 0;
	position  :relative;
}
* html div.more_projects ul.more_projects_holder li a{
	position  :static;
}
* html div.more_projects ul.more_projects_holder li a span{
	display : none !important;
}

div.project_panel div.left ul li a:hover,
div.more_projects ul.more_projects_holder li a:hover{
	background-position : 0 -366px;
}
div.project_panel div.left ul li a.selected,
div.project_panel div.left ul li a.selected:hover,
div.more_projects ul.more_projects_holder li a.selected,
div.more_projects ul.more_projects_holder li a.selected:hover{
	background-position : 0 -366px;
}

div.project_panel div.left ul li a span,
div.more_projects ul.more_projects_holder li a span{
	width : 136px;
	height : 30px;
	line-height : 30px;
	padding : 0;
	text-align  :center;
	position : absolute;
	bottom : 10px;
	left : 10px;
	font-family  :helvetica, arial, sans-serif;
	font-size : 11px;
	font-weight : bold;
	background : #000;
	color : #ccc;
	display : none;
	opacity : .8;
	text-decoration : underline;
}
div.project_panel div.left ul li a:hover span,
div.more_projects ul.more_projects_holder li a:hover span{
	display : block;
}
div.project_panel div.left ul li a:hover span:hover,
div.more_projects ul.more_projects_holder li a:hover span:hover{
	color : #fff;
}


div.project_panel div.right{
	float  :right;
	width : 336px;
	padding : 0;
}
div.project_panel div.right .floating_panel {
	position : relative;
	width : 336px;
	background : url(/img/portfolio/panel/fill.png) repeat-y center;
	padding : 0;
	border-top : 0px solid #fff;
	/*padding : 40px 20px 25px 30px;*/
}
div.project_panel div.right .project_info {
	background : url(/img/portfolio/panel/bottom.png) no-repeat center bottom;
	padding : 0 0 160px 0;
}
div.project_panel div.right .project_info .datawrap{
	background : url(/img/portfolio/panel/top.png) no-repeat center top;
	color : #e0e0e0;
	padding :  40px 20px 0 30px;
}
div.project_panel div.right .project_info .datawrap h3{
	color : #7AB704;
}
div.project_panel div.right .project_info .datawrap p{
	padding-bottom : 1em;
	font-size : 95%;
}
div.project_panel div.right .project_info .datawrap p.tech{
	padding-bottom : 0;
	color : #777;
}
div.project_panel div.right .project_info .datawrap p.tech strong{
	display :block;
	color : #07C;
}


div.project_panel div.right .project_info{
	display : none;
}
div.project_panel div.right .floating_panel div.selected{
	display : block;
}

ul.proyectos{
	margin : 0;
	padding : 0;
	list-style : none;
}

ul.proyectos li{
	padding : 0 0 1.7em 0;
	background:transparent url(/img/proyectos/sep.jpg) no-repeat scroll center bottom;
	margin-bottom  :2em;
}
ul.proyectos li.last{
	background : none;
	margin-bottom  :0;
	padding-bottom : 1em;
}


ul.proyectos li div.screenshots{
	float : left;
	width : 565px;
}
ul.proyectos li div.scrollable_screenshots{
	float : left;
	width : 518px;
	padding : 15px 16px 0 16px;
	background-repeat : no-repeat;
	background-position : center top;
}
ul.proyectos li div.text{
	float : right;
	width : 324px;
}
ul.proyectos li div.text p{
	padding-bottom : 1em;
}
ul.proyectos li div.text p.link{
	
}

ul.proyectos li h3{
	margin-top : 10px;
	font-weight : 400;
	font-size : 1.5em;
}






/* Scrollable */

div.screenshots-container { 
    position:relative; 
    overflow:hidden; 
    clear:both; 
	width : 518px;
}



/* override single pane */ 
div.screenshots-container div { 
    float:left; 
    display:block; 
    width:518px; 
    cursor:pointer; 
    font-size:14px; 
	background : url(/img/layout/spinner-wb.gif) no-repeat center center;
}

/* our additional wrapper element for the items */ 
div.screenshots-container div.items { 
    width:20000em; 
    position:absolute; 
    clear:both; 
    margin:0; 
    padding:0; 
} 
div.screenshots-navigation{
	padding : 18px 0 0 0;
}
div.screenshots-navigation ul{
	padding : 0;
	margin : 0 auto;
}
div.screenshots-navigation ul.x2  { width :  40px; }
div.screenshots-navigation ul.x3  { width :  60px; }
div.screenshots-navigation ul.x4  { width :  80px; }
div.screenshots-navigation ul.x5  { width : 100px; }
div.screenshots-navigation ul.x6  { width : 120px; }
div.screenshots-navigation ul.x7  { width : 140px; }
div.screenshots-navigation ul.x8  { width : 160px; }
div.screenshots-navigation ul.x9  { width : 180px; }
div.screenshots-navigation ul.x10 { width : 200px; }
div.screenshots-navigation ul.x11 { width : 220px; }
div.screenshots-navigation ul.x12 { width : 240px; }
div.screenshots-navigation ul.x13 { width : 260px; }
div.screenshots-navigation ul.x14 { width : 280px; }
div.screenshots-navigation ul.x15 { width : 300px; }
div.screenshots-navigation ul.x16 { width : 320px; }

div.screenshots-navigation ul.nav-items li{
	margin : 0;
	padding : 0;
	border  :none;
	background : none;
	float : left;
	list-style : none;
	width : 20px;
	height : 20px;
}
div.screenshots-navigation ul.nav-items li a{
	display : block;
	width : 100%;
	height : 100%;
	background : url(/img/layout/ballbuttons.png) no-repeat -40px 0;
	text-indent :-300em;
	border  :none;
}
div.screenshots-navigation ul.nav-items li a:hover{
	background-position : 0 0;
}

div.screenshots-navigation ul.nav-items li.active a,
div.screenshots-navigation ul.nav-items li.active a:hover{
	background-position : -20px 0;
	cursor : default;
}

div.screenshots-navigation p.prev,
div.screenshots-navigation p.next{
	float : left;
	margin : 0;
	padding : 0;
	width : 17px;
	height : 17px;
}
div.screenshots-navigation p.next{
	float : right;
}
div.screenshots-navigation p.prev span,
div.screenshots-navigation p.next span{
	display :block;
	width : 100%;
	height : 100%;
	text-indent : -300em;
	background : url(/img/layout/arrow-buttons.gif) no-repeat 0 0;
	cursor : pointer;
}
div.screenshots-navigation p.next span{
	background-position : -18px 0;
}
div.screenshots-navigation p.prev span:hover{
	background-position : 0 -18px;
}
div.screenshots-navigation p.next span:hover{
	background-position : -18px -18px;
}

div.screenshots-navigation p.next.disabled span,
div.screenshots-navigation p.next.disabled span:hover{
	background-position : -18px -36px;
	cursor : default;
}
div.screenshots-navigation p.prev.disabled span,
div.screenshots-navigation p.prev.disabled span:hover{
	background-position : 0 -36px;
	cursor : default;
}



li#proj_ersoft div.screenshots-container div,
li#proj_ersoft div.screenshots-container { height : 549px; }
li#proj_ersoft div.scrollable_screenshots{ background-image : url(/img/portfolio/ersoft.jpg); }

li#proj_qi div.screenshots-container div,
li#proj_qi div.screenshots-container { height : 491px; }
li#proj_qi div.scrollable_screenshots{ background-image : url(/img/portfolio/qi.jpg); }

li#proj_myzhone div.screenshots-container div,
li#proj_myzhone div.screenshots-container { height : 504px; }
li#proj_myzhone div.scrollable_screenshots{ background-image : url(/img/portfolio/myzhone.jpg); }

li#proj_clovercms div.screenshots-container div,
li#proj_clovercms div.screenshots-container { height : 315px; }
li#proj_clovercms div.scrollable_screenshots{ background-image : url(/img/portfolio/clovercms.jpg); padding-top : 9px;}

li#proj_vantare div.screenshots-container div,
li#proj_vantare div.screenshots-container { height : 478px; }
li#proj_vantare div.scrollable_screenshots{ background-image : url(/img/portfolio/vantare.jpg); padding-top : 14px;}

li#proj_meteocam div.screenshots-container div,
li#proj_meteocam div.screenshots-container { height : 549px; }
li#proj_meteocam div.scrollable_screenshots{ background-image : url(/img/portfolio/ersoft.jpg); }

li#proj_sequel div.screenshots-container div,
li#proj_sequel div.screenshots-container { height : 347px; }
li#proj_sequel div.scrollable_screenshots{ background-image : url(/img/portfolio/sequel.jpg); padding-top : 10px;}

li#proj_aerocam div.screenshots-container div,
li#proj_aerocam div.screenshots-container { height : 549px; }
li#proj_aerocam div.scrollable_screenshots{ background-image : url(/img/portfolio/ersoft.jpg); }

li#proj_madridcityapartments div.screenshots-container div,
li#proj_madridcityapartments div.screenshots-container { height : 450px; }
li#proj_madridcityapartments div.scrollable_screenshots{ background-image : url(/img/portfolio/madridcityapartments.jpg); padding-top : 14px;}

li#proj_mapaturistico div.screenshots-container div,
li#proj_mapaturistico div.screenshots-container { height : 299px; }
li#proj_mapaturistico div.scrollable_screenshots{ background-image : url(/img/portfolio/mapa.jpg); padding-top : 9px;}

li#proj_vega div.screenshots-container div,
li#proj_vega div.screenshots-container { height : 686px; }
li#proj_vega div.scrollable_screenshots{ background-image : url(/img/portfolio/vega.jpg); padding-top : 17px;}

li#proj_sinergia div.screenshots-container div,
li#proj_sinergia div.screenshots-container { height : 377px; }
li#proj_sinergia div.scrollable_screenshots{ background-image : url(/img/portfolio/sinergia.jpg); padding-top : 11px;}