html, body{
	background: white url(../images/bg_main.jpg) top center no-repeat;
	font-family: "Lucida Grande",Arial,Verdana,sans-serif;
	margin: 0;
	padding: 0;
	}
/*************************************** HEADER */
#header{
	height: 70px;
	background: black;
	}
#header .headerCont{
	width: 900px;
	height: 70px;
	margin: 0 auto;
	padding: 0;
	}
.isoTop{
	float: left;
	margin:0;
	vertical-align: middle;
	border: 0;
	}
	
/*************** NAV TOP */	
#navTop{
	height:41px;
	float: right}
#navTop ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
#navTop li{
	float: left;
	margin: 14px 0;
	}
#navTop li a{
	width:113px;
	height:41px;
	text-indent:-999999px;
	overflow:hidden;
	display:block;
	}

#navTop li.home{
	background:url(../images/btn_home.jpg) 0px 0px;
	}
#navTop li.home:hover, #navTop li.home.selected{
	background:url(../images/btn_home.jpg) 0px 41px;
	}

#navTop li.laingrata{
	background:url(../images/btn_laingrata.jpg) 0px 0px;
	}
#navTop li.laingrata:hover, #navTop li.laingrata.selected{
	background:url(../images/btn_laingrata.jpg) 0px 41px;
	}

#navTop li.portfolio{
	background:url(../images/btn_portfolio.jpg) 0px 0px;
	}
#navTop li.portfolio:hover, #navTop li.portfolio.selected{
	background:url(../images/btn_portfolio.jpg) 0px 41px;
	}
	
#navTop li.contacto{
	background:url(../images/btn_contacto.jpg) 0px 0px;
	}
#navTop li.contacto:hover, #navTop li.contacto.selected{
	background:url(../images/btn_contacto.jpg) 0px 41px;
	}
#navTop li.contactoEn{
	background:url(../images/btn_contacto_en.jpg) 0px 0px;
	}
#navTop li.contactoEn:hover, #navTop li.contactoEn.selected{
	background:url(../images/btn_contacto_en.jpg) 0px 41px;
	}


#lang{
	width: 80px;
	height: 31px;
	float: right;
	margin-top: -16px;
	}
#lang a.es, #lang a.en{
display:block;
width:40px;
height: 31px;
overflow:hidden;
text-indent:-999999px;
}
#lang a.en {
background:url("../images/btn_lang.png") repeat scroll 0 0 transparent;
float: left;
}
#lang a.en:hover, #lang a.en.selected {
background:url("../images/btn_lang.png") repeat scroll 0 31px transparent;
}
#lang a.es {
background:url("../images/btn_lang.png") repeat scroll 40px 0 transparent;
float: left;
}
#lang a.es:hover, #lang a.es.selected {
background:url("../images/btn_lang.png") repeat scroll 40px 31px transparent;
}
/*************************************** CONTENEDORES */
/*************** CONT 1 */
#cont1 .index{
	width: 900px;
	height: 377px;
	margin: 0 auto;
	background: url(../images/bg_player.png) center center no-repeat;
	}
#cont1 #player{
	margin: 77px 0 0 46px;}

#cont1 .laingrata{
	width: 900px;
	height: 377px;
	margin: 0 auto;
	background: url(../images/iso_3D_ingrata.png) 400px 60px no-repeat;
	}
#cont1 .titSeccion{
	padding: 40px 0 30px 0;
	border-bottom: 1px solid #cccccc;
	}
#cont1 .laingrata h1{
	float:left;
	width:400px;
		margin:40px 0;
	color: #222;
	font-size: 1.9em;
	}
#cont1 .laingrata strong{
	font-weight: bold;
	}


#cont1 .portfolio{
	width: 900px;
	margin: 40px auto 0 auto;
	}

.jobPortfolio{
	margin-bottom: 40px;
	}
.jobPortfolio .dataPortfolio{
	float:left;
	border-right: 1px solid #b7b7b7;
	margin-right: 20px;
	padding: 10px 20px 10px 10px;
	width: 329px;
	height: 204px;
	text-align: right;
}
.dataPortfolio h1{
	font-size: 1.9em;
	color: #222;
	line-height: 15px;
}
.dataPortfolio a{
	font-size: 1em;
	color: #666;
	display:block;
	margin-bottom: 10px;
	}
.dataPortfolio h2{
	font-size: 1.3em;
	color: #C6FF00;
	padding: 5px;
	margin-left: 8px;
	background: url(../images/bg_years.gif) no-repeat;
}
.dataPortfolio p{
	font-size: .8em;
	color: #979797;
}

.jobPortfolio .imaPortfolio{
	float:right;
	padding: 10px;
	background: #111;
	}

/*************** CONT 2 */	
#cont2{
	background: #222;
	}
#cont2 .index{
	width: 900px;
	margin: 0 auto;
	padding: 30px 0;
	background: url(../images/bg_cont2_player.png) top right no-repeat;
	}
#cont2 .index{}
#cont2 .index h1{
	font-size: 1.9em;
	color: #979797;
	}

#cont2 strong{
	color: white;
	font-weight: bold;
	}
	
#cont2 .laingrata{
	width: 900px;
	margin: 0 auto;
	padding: 30px 0;
	}
#cont2 .titulo{
	padding: 0 0 20px 0;
	clear: both;
	display: block;
	}
#cont2 .laingrata h1{
	font-size: 1.9em;
	color: #979797;
	}



#cont2 .col1, #cont2 .col2, #cont2 .col3, #cont2 .col4{
	width: 25%;
	float: left
	}

#cont2 .laingrata h2{
	font-size: .9em;
	color: #C6FF00;
	margin-bottom: 5px;
	width: 90%;
	}
#cont2 .laingrata ul li{
	font-size: .65em;
	color: white;
	margin-left: 2px;
	padding: 2px 0;
	}
	
/*************** CONT 3 */	
#cont3{
	background: #000000;
	}
	
#cont3 .index, #cont3 .portfolio{
	width: 900px;
	margin: 0 auto;
	padding: 30px 0;
	}
#cont3 .titulo{
	padding: 0 0 20px 0;
	clear: both;
	display: block;
	}
#cont3 .recuadro{
	padding: 5px;
	background: #222;
	}
#cont3 h1.laingrata{
	font-size: 1.9em;
	color: #979797;
	}

#cont3 strong.laingrata{
	color: white;
	font-weight: bold;
	}


.laingrata #contactoA{
	float:left;
	background:url(../images/ico_contacto.png) no-repeat 0px 30px;
	height: 270px;
	}
.laingrata #contactoA h2, .laingrata #contactoB h2{
	font-size: .9em;
	color: #979797;
	margin-bottom: 10px;
	}
.laingrata #contactoA p{
	color:white;
	font-size:0.65em;
	padding-left:30px;
	}
#contactoA a.googleMap, #contactoA a.googleMapEn{
display:block;
height:151px;
width:421px;
margin-top:15px;
overflow:hidden;
text-indent:-999999px;
}
#contactoA a.googleMap {
background:url("../images/btn_googleMap.png") repeat scroll 0 0 transparent;
}
#contactoA a.googleMap:hover, #contacto a.googleMap.selected {
background:url("../images/btn_googleMap.png") repeat scroll 0 151px transparent;
}
#contactoA a.googleMapEn {
background:url("../images/btn_googleMap_en.png") repeat scroll 0 0 transparent;
}
#contactoA a.googleMapEn:hover, #contacto a.googleMapEn.selected {
background:url("../images/btn_googleMap_en.png") repeat scroll 0 151px transparent;
}





.laingrata #contactoB{
	float:right;
	} 
.laingrata #contactoB form label{
	margin-bottom: 5px;
	display: block;
	font-size:0.65em;
	color:#FFF;
	text-align:right;
	}

label input{
	border: 0;
	padding: 7px;
	color: black;
	background: #E8EBF3;
	margin-left:10px;
	width: 300px;
	text-transform: none;
	font-size:1em;
	}
label textarea{
	border: 0;
	padding: 7px;
	color: black;
	background: #E8EBF3;
	margin-left:10px;
	width: 300px;
	height: 100px;
	text-transform: none;
	font-size:1em;
	font-family: "Lucida Grande",Arial,Verdana,sans-serif;
	}
focus input{
	border: 1px solid red;
	}
.label{
	vertical-align: top;
	}
img.error{
	vertical-align:top;
	}
.enviar{
	background:#222;
	color:white;
	padding:6px 25px;
	display: block;
	clear: both;
	border: 0;
	cursor: pointer;
	float: right;
	font-size:10px;
	}	
.enviar:hover{
	background:#C6FF00;
	color:black;
	text-decoration: none;
	}






	
.job{
	padding: 10px;
	background: #222;
	}
.job a{
	display: block;
	text-decoration: none;
	width: 181px;
	height: 159px;
	}
.job a:hover{
	text-decoration: none;
	width: 181px;
	height: 159px;
	}
.job a.pinar{
	background: url(../images/trabajos_recientes/pinar.jpg) 0px 0px;
	}
.job a.pinar:hover{
	background: url(../images/trabajos_recientes/pinar.jpg) 0px 159px;
	}
	
.job a.dreamland{
	background: url(../images/trabajos_recientes/dreamland.jpg) 0px 0px;
	}
.job a.dreamland:hover{
	background: url(../images/trabajos_recientes/dreamland.jpg) 0px 159px;
	}
.job a.consumo{
	background: url(../images/trabajos_recientes/consumo.jpg) 0px 0px;
	}
.job a.consumo:hover{
	background: url(../images/trabajos_recientes/consumo.jpg) 0px 159px;
	}
.job a.bloody{
	background: url(../images/trabajos_recientes/bloody.jpg) 0px 0px;
	}
.job a.bloody:hover{
	background: url(../images/trabajos_recientes/bloody.jpg) 0px 159px;
	}
.job a.ingramail{
	background: url(../images/trabajos_recientes/ingramail.jpg) 0px 0px;
	}
.job a.ingramail:hover{
	background: url(../images/trabajos_recientes/ingramail.jpg) 0px 159px;
	}
.job a.openProp{
	background: url(../images/trabajos_recientes/openProp.jpg) 0px 0px;
	}
.job a.openProp:hover{
	background: url(../images/trabajos_recientes/openProp.jpg) 0px 159px;
	}
.job a.erotic{
	background: url(../images/trabajos_recientes/erotic.jpg) 0px 0px;
	}
.job a.erotic:hover{
	background: url(../images/trabajos_recientes/erotic.jpg) 0px 159px;
	}


.job h1{
	color: #c6ff00;
	font-size: .8em;
	text-transform: uppercase;
	margin-top: 5px;
	}
.job p{
	color: #979797;
	font-size: .65em;
	}


.jobData{
	width: 180px;
	float: left;
	margin-left: 15px;
	}
.jobData a{
	color: #c6ff00;
	font-size: .8em;
	}
.jobData a:hover{
	text-decoration: underline;
	}
.jobData p{
	color: #979797;
	font-size: .65em;
	margin-top: 5px;
	line-height: 15px;
	}

.jobData ul{ margin-top: 10px;}
.jobData li{
	color: #979797;
	font-size: .65em;
	padding-left: 15px;
	background: url(../images/arrow_mini_black.gif) center left no-repeat;
	}	


#cont3 .laingrata{
	width: 900px;
	padding: 15px 0;
	margin: 0 auto;
	}

#cont3 .audio{
	background: #222;
	float: left;
	padding: 5px;
	margin-right: 10px;
	}
#cont3 #isoRadio{
	margin-top: 25px;
	}
#isoRadio .iso{
	margin-right: 25px;
	}
/*************************************** PIE PAGINA */
#footer{
	height: 200px;
	}
#footer .cont{
	width: 900px;
	height: 290px;
	margin: 0 auto;
	padding-top: 50px;
	text-align: right;
	}
#footer .cont p.navFooter, #footer .cont a{
	color: #222;
	font-size:.9em;
	}
#footer .cont p{
	margin-top: 10px;
	color: #979797;
	font-size:.7em;
	}
#footer .thanks{
	margin-top: 50px;
	width: 425px;
	height: 38px;
	float: right;
	border: 1px dotted #ccc;
	padding: 10px;
	}