@charset "UTF-8";
/* CSS Document */

* {
 margin: 0;
 padding: 0;
font-family: Arial, sans-serif;


}

#wrapper { 
 margin: 0 auto; 
 width: 960px; /* tendriq que quedar en un acho de 1001px */
 overflow: hidden;
 height: 700px;
 position: relative;
}

#logo {width: 79px; height: 110px; margin-top: 0px; float: left; 
	}
	
#pezlogo {width: 83px; height: 65px; margin-right: 40px; margin-top: 20px; float: right; 
	}	
	

#skip {font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 15px; color:#000; text-decoration: none; text-align: right; margin-top: 5px;}
#skip a {font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 15px; color:#000; text-decoration: none; margin-top: 5px;}
#skip a:hover {font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 15px; color:#ee0c22;; text-decoration: none; margin-top: 5px;}

#idioma {margin-left: 200px;}
#lan {font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 15px; color:#000; text-decoration: none;  margin-top: 265px; float: left; margin-left: 20px;}
#lan a {font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 15px; color:#000; text-decoration: none; }
#lan a:hover {font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 15px; color:#ee0c22;; text-decoration: none; margin-top: 5px;}

#contact {
	width: 137px;
	height: 283px;
	position: relative;
	margin-bottom: 0px;
	bottom: 30px;
	float: right;
	margin-right: 40px;
	
	}
	
#partners {
	width: 198px;
	height: 23px;
	position: relative;
	margin-top: 145px;
	bottom: 60px;
	float: right;
	margin-right: 55px;
	
	}		

#img-contact {
	background: url('../images/img-contact.jpg');
	width: 205px;
	height: 250px;
	position: relative;
	float: left;
	margin-top: -40px;
	margin-left: 330px;

	
	}	
#img-about {
	background: url('../images/img-about.jpg');
	width: 400px;
	height: 205px;
	position: relative;
	float: left;
	margin-top: -80px;
	margin-left: 200px;
	
	}	
#img-directors {
	background: url('../images/img-directors.jpg');
	width: 378px;
	height: 123px;
	position: relative;
	float: left;
	margin-top: 20px;
	margin-left: 260px;
	}

#img-directors1 {
	background: url('../images/directors1.jpg');
	width: 350px;
	height: 201px;
	position: relative;
	float: left;
	margin-top: -20px;
	margin-left: 260px;
	}
	
#img-producers {
	background: url('../images/img-producers.jpg');
	width: 265px;
	height: 269px;
	position: relative;
	float: left;
	margin-top: -105px;
	margin-left: 290px;
	}	
#img-services {
	background: url('../images/img-services.jpg');
	width: 286px;
	height: 168px;
	position: relative;
	float: left;
	margin-top: -20px;
	margin-left: 280px;
	}		

/* -----------  NAVIGATION -------------------- */ 

#navigation {
 width: 650px;
 height: 13px;
 float: left;
 position: relative;
 margin-left: 12px; /* esto no va mas */
 z-index: 500;
}
#navigation .main-menu { margin-top: 45px; margin-left: 43px;  }
#navigation ul { list-style: none; margin: 0; padding: 0; }
#navigation ul li { margin: 0; padding: 0; float: left; }

#navigation .main-menu a {
	height: 13px;
	display: block;
	background: url(../images/menu.jpg) no-repeat;
	text-indent: -1024px;
}
#navigation .home a { background-position: 0px top; width: 52px; /* altura de botones principales */}
#navigation .home a:hover, #navigation .home a.active { background-position: 0 bottom; }

#navigation .about a { background-position: -52px top; width: 85px; /* altura de botones principales */ }
#navigation .about a:hover, #navigation .about a.active { background-position: -52px bottom; }

#navigation .directors a { background-position: -137px top; width: 93px; /* altura de botones principales */}
#navigation .directors a:hover, #navigation .directors a.active { background-position: -137px bottom; }

#navigation .services a { background-position: -230px top; width: 81px; /* altura de botones principales */ }
#navigation .services a:hover, #navigation .services a.active { background-position: -230px bottom; }

#navigation .news a { background-position: -309px top; width: 56px; /* altura de botones principales */}
#navigation .news a:hover, #navigation .news a.active { background-position: -309px bottom; }

/*#navigation .works a { background-position: -364px top; width: 66px; /* altura de botones principales }
#navigation .works a:hover, #navigation .works a.active { background-position: -364px bottom; }*/

#navigation .producers a { background-position: -430px top; width: 98px; /* altura de botones principales */}
#navigation .producers a:hover, #navigation .producers a.active { background-position: -430px bottom; }

#navigation .photo a { background-position: -528px top; width: 121px; /* altura de botones principales */}
#navigation .photo a:hover, #navigation .photo a.active { background-position: -528px bottom; }

.main-menu { float: left; display: inline; width: 660px;}


/* ----------- NAVIGATION SOCIAL -------------------- */ 
#navsocial {
	width: 124px;
	height: 25px;
	position: absolute;
	float: left;
	bottom: 120px;
	margin-left: 0px;
	
	}
#iconos-sociales {
	width: 124px;
	height: 25px;
	float: left;
	
	
	}

#iconos-sociales li {
		float: left;
		width: 31px;
		list-style: none;
		height: 25px;
		}
		#iconos-sociales li a {
			width: 31px;
			display: block;
			height: 25px;
			text-indent: -99999px;
			list-style: none;
			
			}
		.fb {
			background: url('../images/iconos-sociales.png') no-repeat -31px top; 
			}
			.fb:hover {
				background: url('../images/iconos-sociales.png') no-repeat -31px bottom;
				}
		.tw {
			background: url('../images/iconos-sociales.png') no-repeat 0px top;
			}
			.tw:hover {
				background: url('../images/iconos-sociales.png') no-repeat 0px bottom;
				}
		.vm {
			background: url('../images/iconos-sociales.png') no-repeat -62px top;
			}
			.vm:hover {
				background: url('../images/iconos-sociales.png') no-repeat -62px bottom;
				}
		.ln {
			background: url('../images/iconos-sociales.png') no-repeat -93px top;
			}
			.ln:hover {
				background: url('../images/iconos-sociales.png') no-repeat -93px bottom;
				}		

/* ----------- CONTENT -------------------- */ 


.content {font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 13px; line-height: 20px; text-transform: uppercase;
          clear: both; text-align: justify; color:#000; height: 331px;
		  padding-top: 20px; margin-left: 135px; width: 640px;}
		  
		  
.contenthome {background: url('../images/img-index.jpg'); margin-top: 70px;	  height: 400px;; width: 918px;}		  
		  
.contentbold {font-family: 'Josefin Sans', sans-serif; font-weight: 700 !important; font-size: 13px; 
          clear: both; color:#ee0c22;
		  padding-top: 50px;}

.contentservices {font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 13px; line-height: 20px; text-transform: uppercase;
          clear: both; color:#000;  padding-top: 0px; margin-left: 135px;}
		  
		  
/* ----------- NEWS  -------------------- */ 

#newssec {clear: both; padding-top: 15px; margin-left: 135px; width: 640px; height: 321px;}

#newssec1 {clear: both; padding-top: 15px; margin-left: 135px; width: 640px;}

#newssec2 {clear: both; padding-top: 15px; margin-left: 135px; width: 640px; height: 150px;}

#newsder {float:left; margin-left: 10px; width: 420px; margin-top: 5px;}

#newsder1 {float:left; margin-left: 0px; width: 400px; margin-top: 5px;}

#newsder2 {float:left; margin-left: 0px; width: 585px; margin-top: 5px;}

.newsimg {float: left; width: 150px; height: 150px; }

.newsimg1 {float: left; width: 123px; height: 105px; margin-left: -132px; }

.newstit {font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 18px; margin-top:0px;
          clear: both; text-align: justify; color:#000; text-transform: uppercase;}

.newssubtit {font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 16px; line-height: 20px;
          text-align: justify; color:#ee0c22;}
		  
.newssubtit a{text-decoration: none; color:#ee0c22; font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 16px;}
.newssubtit a:hover{color:#000;}


.newstxt1 {font-family: Arial, sans-serif; font-weight: 300; font-size: 11px; line-height: 14px;
          text-align: justify; color:#000; padding-top: 2px; margin-left: 0px; margin-bottom: 10px;}
		  
.newstxt {font-family: Arial, sans-serif; font-weight: 300; font-size: 11px; line-height: 14px;
          text-align: justify; color:#000; padding-top: 2px; margin-bottom: 10px;}

.newspage {float: right; font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 13px; color:#000; margin-top: 60px; width: 70px;}

.newspage a {font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 13px; color:#000; text-decoration: none;}
.newspage a:hover{color:#ee0c22; text-decoration: none;}

		  
/* ----------- DIRECTORS  -------------------- */ 		  

#menu1 {list-style: none; font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 14px; line-height: 17px; padding: 2px; float: left; margin-right: 80px; }
#menu1 a {text-decoration: none; color: #000; font-family: 'Josefin Sans', sans-serif; font-weight: 300; padding: 2px; float: left;  }
#menu1 li a {margin-top: 5px; float: left; }
#menu1 a:hover {text-decoration: none; color: #fff; font-family: 'Josefin Sans', sans-serif; font-weight: 300; background-color: #000; padding: 2px; margin-top: 5px;}
.submenu1 { list-style: none; font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 14px; line-height: 17px; margin-left: 0px; margin-top:40px; display: none; position: absolute; float: left;  }
.submenu1 ul {list-style: none; font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 14px; line-height: 17px;}
.submenu1 li {width: 100px; float: left;}
.submenu1 li a {text-decoration: none; color: #000; width: 100px; margin-top: 0px; float: left;}
.submenu1 li a:hover {background-color:#000; padding:2px; color: #fff; float: left; }


.bioflavio {width: 650px !important; text-align: justify; margin-top:0px; font-family: 'Arial', sans-serif; font-weight: normal; font-size: 11px; margin-left: 2px; line-height: 15px; }
.biomarcos {width: 650px !important; text-align: justify; margin-top:0px; font-family: 'Arial', sans-serif; font-weight: normal; font-size: 11px; margin-left: -230px; line-height: 15px; }
.bioalvaro {width: 650px !important; text-align: justify; margin-top:0px; font-family: 'Arial', sans-serif; font-weight: normal; font-size: 11px; margin-left: -466px; line-height: 15px; }
		  
#menu {list-style: none; font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 14px; line-height: 17px; padding: 2px; }
#menu a {text-decoration: none; color: #000; font-family: 'Josefin Sans', sans-serif; font-weight: 300; padding: 2px;  }
#menu li a {margin-top: 5px; }
#menu a:hover {text-decoration: none; color: #fff; font-family: 'Josefin Sans', sans-serif; font-weight: 300; background-color: #000; padding: 2px; margin-top: 5px;}
.submenu { list-style: none; font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 14px; line-height: 17px; margin-left: 150px;  display: none; position: absolute; top: 121px; left: 150px; }
#submenu a {text-decoration: none; color: #000; font-family: 'Josefin Sans', sans-serif; font-weight: 300; padding: 2px;  }
.submenu ul {list-style: none; font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 14px; line-height: 17px;}
.submenu li {width: 100px; float: left;}
.submenu li a {text-decoration: none; color: #000; width: 100px; float: left;}
.submenu li a:hover {background-color:#000; padding:2px; color: #fff; }

#biog {float: left; width: 520px; margin-left: 10px;}
#biog1 {float: left; width: 580px; margin-left: 10px;}

#biogphoto {float: left; width: 580px; margin-left: 5px;}




.bio {width: 650px !important; text-align: justify; margin-top:20px; font-family: 'Arial', sans-serif; font-weight: normal; font-size: 11px;  line-height: 15px; }
.bio1 {width: 700px !important; text-align: justify; margin-top:20px; font-family: 'Arial', sans-serif; font-weight: normal; font-size: 11px;  line-height: 15px; }
.biophoto {width: 650px !important; text-align: justify; margin-top:20px; font-family: 'Arial', sans-serif; font-weight: normal; font-size: 11px;  line-height: 15px; }

.producercargo {font-family: 'Arial', sans-serif; font-weight: normal; font-size: 11px; padding: 2px; margin-bottom: -7px; }

.biosel {text-decoration: none; color: #ee0c22 !important; font-family: 'Arial', sans-serif; font-weight: normal; padding: 2px; margin-top: 2px;  float: left; width: 50px !important; }
.biosel a{text-decoration: none; color: #ee0c22 !important; font-family: 'Arial', sans-serif; font-weight: normal; padding: 2px; float: left; width: 50px !important; }
.bioab {width: 400px !important; text-align: justify; margin-left:-60px; margin-top: -200px; font-family: 'Arial', sans-serif; font-weight: normal; font-size: 10px; }
.workslist {widht: 150px; margin-left:-60px;}
.workslist1 {widht: 150px; margin-left:-60px;} 
.diresp {margin-top: 5px;}

/* ----------- WORKS  -------------------- */

#works {clear: both;  width: 150px; list-style-type: none; float: left;}
#works li {margin-top: 5px; }
#works li a {list-style-type: none; font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 14px; color:#000; text-decoration: none; padding: 2px; }
#works li a:hover {clear: both;  width: 150px;font-family: 'Josefin Sans', sans-serif; font-weight: 300; background-color: #000; font-size: 14px; color:#fff;}
.workb {color: #ee0c22; font-family: 'Josefin Sans', sans-serif; font-weight: 300;  }
.workb a:hover {color: #fff; font-family: 'Josefin Sans', sans-serif; font-weight: 700;  }
/* ----------- CONTACT  -------------------- */ 

#contacto {width: 180px; float: left; clear: both; margin-top: -35px;}
#contactoa {width: 180px; float: left; padding-top: 5px; clear: both; color: #ee0c22;}
#contact1a {font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 13px; line-height: 17px; color: #ee0c22;	float: left; }
#contact1a a {font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 13px; line-height: 17px; text-decoration: none; color: #ee0c22;	float: left; 	}
#contact1a a:hover {width: 180px; background-color: #000; font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 13px; line-height: 17px; text-decoration: none; color:#fff;	float: left; padding: 3px; }
#contact1 { float: left; width: 180px; font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 13px; line-height: 17px; clear: both; color: #000;}
#contact1 a {font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 13px; line-height: 17px; text-decoration: none; color: #000;	}
#contact1 a:hover {font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 13px; line-height: 17px; text-decoration: none; color:#ee0c22;	}

#contacto2 {width: 180px; float: left; margin-left: 30px; margin-top: -35px; }
#contact2 a {font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 13px; line-height: 17px; text-decoration: none; color: #000;	}
#contact2 a:hover {font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 13px; line-height: 17px; text-decoration: none; color:#ee0c22;	}
#contact1a {font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 13px; line-height: 17px; color: #000; float: left; }
#contact1a a {font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 14px; line-height: 17px; text-decoration: none; color: #ee0c22;	 float: left; padding: 3px;	}
#contact1a a:hover {width: 180px; background-color: #000; font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 13px; line-height: 17px; text-decoration: none; color:#fff;	float: left; }
#contact1 { float: left; width: 208px; font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 13px; line-height: 17px; clear: both; color: #000;}
#contact1 a {font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 13px; line-height: 17px; text-decoration: none; color: #000;	}
#contact1 a:hover {font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 13px; line-height: 17px; text-decoration: none; color:#ee0c22;	}

#contacto3 {width: 350px; float: left; clear:both; padding-top: 55px; font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 36px; line-height: 17px; text-decoration: none; color: #000;  }	  
#contact2 {font-family: 'Josefin Sans', sans-serif; font-weight: 300; font-size: 13px; line-height: 17px; color: #000; float: left; clear: both; margin-top: 10px; }		 

/* ----------- DROPDOWN -------------------- */ 

#container{
    padding-top: 20px;
	margin-left: 130px;
	clear: both;
	height: 331px;
	width: 640px;
	font-family: 'Josefin Sans', sans-serif; font-weight: 700; font-size: 13px;
}
#container1{
    padding-top: 20px;
	margin-left: 130px;
	clear: both;
	height: 331px;
	
	font-family: 'Josefin Sans', sans-serif; font-weight: 700; font-size: 13px;
}


#download {
	
	color: #ffffff; position: absolute; font-size: 14px; font-family: 'Josefin Sans', sans-serif; font-weight: 300; margin-left: 640px; margin-top: 10px; z-index: 1000;

	}

#download a{
	
	font-size: 14px; font-family: 'Josefin Sans', sans-serif; font-weight: 300; text-decoration: none; color: #ffffff; z-index: 1000;
		}
#download a:hover{
	font-size: 14px; font-family: 'Josefin Sans', sans-serif; font-weight: 300; text-decoration: none; color: #E10820; z-index: 1000;

		}