@charset "utf-8";
/* CSS Document */
body,html {
	background-color:#333333;
	margin:0;
	height:100%;
}
#contenedor{
	width:848px;
	margin:0 auto 0 auto;
	position:relative;
}
#contenedor #margenes{
	margin:37px 19px 25px 19px;
	position:relative;
	float:left;
}
#contenedor #margenes #layer {
	position: fixed;
	z-index:1000;
	height: 108px;
	width: 100%;
	background-color: #333333;
	overflow:hidden;
	padding-top:37px;
}
#contenedor #margenes .logo{
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:132px;
	height:41px;
}
#contenedor #margenes #contMenu{
	margin:24px 0 0 0;
	padding:0 0 4px 0;
	display:block;
	float:left;
	clear:both;
	width:810px;
	height:27px;
	background:url(../images/barr_menu.gif) left 28px repeat-x;
}
#contenedor #margenes #contMenuSbtn{
	margin:24px 0 0 0;
	padding:0 0 4px 0;
	display:block;
	float:left;
	clear:both;
	width:810px;
	height:27px;
}
#contenedor #margenes #contMenu ul{
	margin:0;
	padding:0;
	float:left;
	width:400px;
	list-style: none;
	background:url(../images/ronda_menu.jpg) left 6px no-repeat;
}
#contenedor #margenes #contMenu ul li{
	float:left;
	display:block;
	margin:0;
	padding:0;
	height:32px;
}
#contenedor #margenes #contMenu ul li a{
	margin:0;
	padding:0 7px 0 0;
	height:32px;
	display:block;
	float:left;
}
#contenedor #margenes #contMenu ul li a:hover{
	background:url(../images/butt_hover.gif) left 28px repeat-x;
}
#contenedor #margenes #contMenu ul li .select{
	background:url(../images/butt_hover.gif) left 28px repeat-x;
}
#contenedor #margenes #contMenu h2{
	margin:0;
	padding:0;
	display:block;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	color:#99c6d5;
	font-weight:normal;
}
.mail:link{
	text-decoration:none;
	color:#99c6d5;
}
.mail:visited{
	text-decoration:none;
	color:#99c6d5;
}
.mail:hover{
	text-decoration:none;
	color:#ffffff;
}
#contenedor #margenes #backto{
	margin:0;
	float:right;
	position:relative;
	width:100px;
	height: 12px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#99C6D5;
	padding-top:10px;
	padding-bottom:10px;
}
#contenedor #margenes #backto a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#5A6970;
	text-decoration:none;
}
#contenedor #margenes #backto a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#ffffff;
	text-decoration:none;
}
#contenedor #margenes #footer{
	margin:0;
	float:left;
	position:relative;
	width:810px;
	height: 12px;
	clear:both;	
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#99C6D5;
	padding-top:10px;
	padding-bottom:10px;
}
#contenedor #margenes #Back{
	display:block;
	margin:0;
	float:right;
	position:absolute;
	top:709px;
	left:773px;
	width:38px;
	height: 19px;
	z-index: auto;
	background:url(../images/projects/ronda_back.jpg) -10px -1px no-repeat;
}
#contenedor #margenes #Back:hover {
	display:block;
	margin:0;
	float:right;
	position:absolute;
	top:709px;
	left:763px;
	width:48px;
	height: 19px;
	z-index: auto;
	background:url(../images/projects/ronda_back.jpg) left -1px no-repeat;
	text-align:right;
}
#contenedor #margenes #footer a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#5A6970;
	text-decoration:none;
}
#contenedor #margenes #footer{
	color:#5A6970;
}
#contenedor #margenes #footer a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
#contenedor #margenes .contInfo{
	margin:11px 0 0 0;
	float:left;
	position:relative;
	clear:both;
	width:810px;
	height:595px;
	border-bottom:5px solid #99C6D5;
	background:url(../images/back_dots.gif) left top repeat; 
}
#contenedor #margenes .contInfoStills{
	margin:11px 0 0 0;
	float:left;
	position:relative;
	clear:both;
	width:810px;
	height:auto;
	border-bottom:5px solid #99C6D5;
	background:url(../images/back_dots.gif) left top repeat; 
}
#contenedor #margenes .contInfoH{
	margin:145px 0 0 0;
	float:left;
	position:relative;
	clear:both;
	width:810px;
	border-bottom:5px solid #99C6D5;
	background:url(../images/back_dots.gif) left top repeat; 
}
#contenedor #margenes .contInfoH #contReel{
	margin:0;
	float:left;
	position:relative;
	width:270px;
	height:150px;
}
#contenedor #margenes .contInfoH #contReel a .referencia{
	display:none;
}
#contenedor #margenes .contInfoH #contReel a:hover .referencia{
	display:block;
	position:absolute;
	height:27px;
	top:126px;
	left:0px;
	width: 270px;
}
#contenedor #margenes .contInfo .projectsImagen {
	margin:0;
	padding:0;
	position:relative;
	float:left;
	display:block;
	border-bottom:5px solid #99c6d5;
}
#contenedor #margenes .contInfo .pStills {
	margin:0;
	padding:0;
	position:relative;
	height:30px;
	width:810px;
	float:left;
	display:block;
	clear:both;
	text-align:right;
}
#contenedor #margenes .contInfo .projectsVids{
	margin:16px 0 0 0;
	padding:0 0 0 30px;
	position:relative;
	float:left;
	display:block;
	width:250px;
	font-family: Arial, Helvetica, sans-serif;
	color:#f1c735;
	font-size:12px;
	font-weight:normal;
	background:url(../images/projects/p_qtime.gif) 30px 1px no-repeat;
}
#contenedor #margenes .contInfo .projectsVids ul{
	margin:20px 0 0 0;
	padding:0;
	list-style: none;
}
#contenedor #margenes .contInfo .projectsVids ul li{
	float:left;
	clear:both;
}
#contenedor #margenes .contInfo .projectsVids ul li a{
	padding:4px 5px 4px 3px;
	margin:0 0 4px 0;
	text-align:left;
	line-height:16px;
	background-color:#f1c735;
	display:block;
	position:relative;
}
#contenedor #margenes .contInfo .projectsVids ul li a:hover .projectsFlecha{
	display:block;
	position:absolute;
	height:18px;
	width:9px;
	top:0;
	left:-10px;	
}
#contenedor #margenes .contInfo .projectsVids ul li a .projectsFlecha{
	display:none;
}
#contenedor #margenes .contInfo .projectsCont{
	margin:16px 0 0 0;
	padding:0;
	position:relative;
	float:left;
	display:block;
	width:510px;
	font-family:Arial, Helvetica, sans-serif;
	color:#99C6D5;
	font-size:16px;
	font-weight:normal;
}
#contenedor #margenes .contInfo .projectsCont h1{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#99C6D5;
	font-size:18px;
	font-weight:normal;
}
#contenedor #margenes .contInfo .projectsCont h2{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#99C6D5;
	font-size:16px;
	font-weight:normal;
}
#contenedor #margenes .contInfo .projectsCont h3{
	margin:0;
	padding:26px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#717171;
	font-size:18px;
	font-weight:normal;
}
#contenedor #margenes .contInfo .projectsCont h4{
	margin:18px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#717171;
	font-size:16px;
	font-weight:normal;
}
#contenedor #margenes .contInfoStills .projectsImagen {
	margin:0;
	padding:0;
	position:relative;
	float:left;
	display:block;
	border-bottom:5px solid #99c6d5;
}
#contenedor #margenes .contInfoStills .pStills {
	margin:0;
	padding:0;
	position:relative;
	width:810px;
	float:left;
	display:block;
	clear:both;
	text-align:right;
	vertical-align:bottom;
}
#contenedor #margenes .contInfoStills .projectsVids{
	margin:16px 0 0 0;
	padding:0 0 0 30px;
	position:relative;
	float:left;
	display:block;
	width:250px;
	font-family: Arial, Helvetica, sans-serif;
	color:#f1c735;
	font-size:12px;
	font-weight:normal;
	background:url(../images/projects/p_qtime.gif) 30px 1px no-repeat;
}
#contenedor #margenes .contInfoStills .projectsVids ul{
	margin:20px 0 0 0;
	padding:0;
	list-style: none;
}
#contenedor #margenes .contInfoStills .projectsVids ul li{
	float:left;
	clear:both;
}
#contenedor #margenes .contInfoStills .projectsVids ul li a{
	padding:4px 5px 4px 3px;
	margin:0 0 4px 0;
	text-align:left;
	line-height:16px;
	background-color:#f1c735;
	display:block;
	position:relative;
}
#contenedor #margenes .contInfoStills .projectsVids ul li a:hover .projectsFlecha{
	display:block;
	position:absolute;
	height:18px;
	width:9px;
	top:0;
	left:-10px;	
}
#contenedor #margenes .contInfoStills .projectsVids ul li a .projectsFlecha{
	display:none;
}
#contenedor #margenes .contInfoStills .projectsCont{
	margin:16px 0 0 0;
	padding:0;
	position:relative;
	float:left;
	display:block;
	width:510px;
	font-family:Arial, Helvetica, sans-serif;
	color:#99C6D5;
	font-size:16px;
	font-weight:normal;
}
#contenedor #margenes .contInfoStills .projectsCont h1{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#99C6D5;
	font-size:18px;
	font-weight:normal;
}
#contenedor #margenes .contInfoStills .projectsCont h2{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#99C6D5;
	font-size:16px;
	font-weight:normal;
}
#contenedor #margenes .contInfoStills .projectsCont h3{
	margin:0;
	padding:26px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#717171;
	font-size:18px;
	font-weight:normal;
}
#contenedor #margenes .contInfoStills .projectsCont h4{
	margin:18px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#717171;
	font-size:16px;
	font-weight:normal;
}
#contenedor #margenes #stills{
	margin:0;
	float:left;
	position:relative;
	width:810px;
	clear:both;	
	padding-top:5px;
	border-bottom:5px solid #99c6d5;
}
#contenedor #margenes  #stills .projectsImagenStill {
	position:relative;
	float:left;
	display:block;
	border-bottom:5px solid #333333;
}
#contenedor #margenes #footer #Backtotop{
	display:block;
	margin:0;
	float:right;
	position:absolute;
	top:6px;
	left:710px;
	width:99px;
	height: 19px;
	z-index: auto;
	background:url(../images/projects/ronda_back_top_over.jpg) left top no-repeat;
	background-image: url(../images/projects/ronda_back_top_over.jpg);
}
#contenedor #margenes #footer #Backtotop:hover{
	display:block;
	margin:0;
	float:right;
	position:absolute;
	top:6px;
	left:710px;
	width:99px;
	height: 19px;
	z-index: auto;
	background:url(../images/projects/ronda_back_top.jpg) left top no-repeat;
	text-align:right;
}