/* CSS Document */


/*----------------------------------------------------------------------------------------------------
	Part esquerra
----------------------------------------------------------------------------------------------------*/

.colEsq h1 {
	color:#ee2a3d;
	font-size:2em;
	padding:30px 0 0 80px;
	height:36px;
}
.colEsq h1.cor {
	background:url(../img/titol_cor.gif) no-repeat left bottom;
}
.colEsq h2 {
	color:#ff8923;
	font-size:1.2em;
	line-height:1.3em;
	padding:12px 0 4px 43px;
	margin-bottom:20px;
}
.colEsq h2.cor {
	background:url(../img/subtitol_cor.gif) no-repeat left bottom;
}

/* generals */
.colEsq .float_left{float:left;}
.colEsq .float_right{float:right;}
.colEsq .margeAlt{ height:32px;}
.colEsq .margeEsq{ padding-left:48px;}


/* entrada apartat home */
.colEsq .apartat{ 
	margin-bottom:20px;
}

.colEsq .apartat h3{
	color:#ef2a3c;
	padding:0 12px 3px;
	font-size:1.15em;
}

.colEsq .apartat a {
	color:#FF8923;
	text-decoration:none;
}
.colEsq .apartat a:hover {
	text-decoration:none;
	color:#ef2a3c;
}
.colEsq .apartat a.on,
.colEsq .apartat a.on:hover {
	cursor:default;
	color:#ef2a3c;
	text-decoration:none;
}
.colEsq .apartat p{
	font-size:1.2em;
	line-height:1.2em;
	padding:0 12px 10px;
	font-weight:bold;
}
.colEsq .apartat p.indent{ 
	padding-left:40px;
}
.colEsq .apartat p.curt{ width:230px; float:left;}
.colEsq .apartat p.foto{ width:180px; margin-left:230px;}
.colEsq .apartat p.foto img{ padding:0px;}
.colEsq .apartat h3.dest{ float:left;
	color:#fe8922;
	font-size:1.6em;
	line-height:1.3em;
	padding-top:44px;
	width:210px;
}



/* inici recuadre de color de fons */
.colEsq .destacat{ 
	background:#feece2;
}
.colEsq .destacat h2 {
	color:#ef2a3c;
	padding-top:12px;
}
.colEsq .destacat h2.cor {
	background:url(../img/subtitol2_cor.gif) no-repeat left bottom;
}

.colEsq .destacat a {
	color:#ef2a3c;
}

.colEsq .destacat a:hover {
	text-decoration:none;
	color:#FF8923;
}
.colEsq .destacat a.on,
.colEsq .destacat a.on:hover {
	cursor:default;
	color:#FF8923;
	text-decoration:none;
}

.colEsq .destacat p{
	font-size:0.9em;
	line-height:1.4em;
}	

.colEsq .reproductor{
	padding:0 0 5px 6px;
	text-align:center;
}

/* Inici mira mes videos */
.colEsq .mirames{
	width:435px;
	padding-bottom:10px; 
}
.colEsq .mirames h4{
	font-size:0.9em;
	color:#5a5a5c;
	margin:9px 0 17px 12px;
	padding-top:5px;
	border-top:1px solid #fea151;
	border-bottom:1px solid #fea151;
}

.colEsq .mirames h4 a{
	color:#5a5a5c;
}

.colEsq .mirames .item{
	float:left;
	width:132px;
	padding:0 0px 0px 12px;
	font-size:0.9em;
	line-height:1.5em;
	font-weight:bold;
}
.colEsq .mirames .item p{
	padding:0; 
}
.colEsq .mirames .item a{
	color:#ff8921;
}
/* Final mira mes videos */

/* fi recuadre de color de fons */


/* formulari home enquesta */
.colEsq form{
	padding:0px 0 0 12px;
}

.home .colEsq form div{width:115px;}
.colEsq form label{ 
	clear:both;
	padding-left:6px;
}
.colEsq form .enquesta input{
	width:15px;
}
.colEsq .btn{
	display:block;
	width:67px;
	height:28px;
	color:#fff;
	font-size:1.2em;
	line-height:1.5em;
	font-weight:bold;
	text-align:center;
	padding-top:1px;
	background:url(../img/btn.gif) left top no-repeat;
	cursor:pointer;
	margin-top:14px;
}

.colEsq .btn4{
	display:block;
	width:97px;
	height:28px;
	color:#fff;
	font-size:1.2em;
	line-height:1.5em;
	font-weight:bold;
	text-align:center;
	padding-top:1px;
	background:url(../img/btn4.gif) left top no-repeat;
	cursor:pointer;
	margin-top:14px;
}


/* ------------------------------------------------------------
	professionals 
---------------------------------------------------------------*/
.colEsq form.login{
	padding:0;	
	margin-bottom:40px;
}
.colEsq form.login label{
	display:block;
	float:left;
	width:140px;
	color:#ef2a3c;
	font-size:1.1em;
	line-height:1.3em;
	font-weight:bold;
	padding:0;
}
.colEsq form.login input{
	float:left;
	width:230px;
	border:1px solid #939393;
	margin-bottom:10px;
}

.colEsq form.login .btn4{
	display:block;
	border:none;
	width:97px;
	height:28px;
	color:#fff;
	font-size:1.2em;
	line-height:1.5em;
	font-weight:bold;
	text-align:center;
	padding-top:1px;
	background:url(../img/btn4.gif) left top no-repeat;
	cursor:pointer;
	margin-top:14px;
	margin-left:60px;
}

.colEsq h3{
	font-size:1.15em;
	padding-bottom:20px;
}
.colEsq h3.sensemarge{
	padding-bottom:0px;
}
.colEsq h3.espaiDalt{ 
	padding-top:25px;
}
.colEsq h3.espaiDalt{font-size:1.1em;}
.colEsq h4{
	color:#ef2a3c;
	font-size:1.2em;
	line-height:1.3em;
	padding:15px 0 4px 0px;
}
.colEsq h4.primer{ padding-top:0;}
.colEsq h4.senseEspai{ padding-bottom:0;}
.colEsq h4.senseEspai a{ 
	font-size:0.85em;
	line-height:1.5em;
	text-align:left;
}

.colEsq hr{
	height:1px;
	border-top:1px solid #d5d5d5;
	background:#838383;
	margin-top:25px;
	margin-bottom:10px;
	
}
.colEsq hr.color{
	height:1px;
	border-top:1px solid #f8b25d;
	background:#fee4c9;
	margin:7px 0;
}
.colEsq strong.color{ 
	color:#f7982a;
	font-weight:bold;
	font-size:1.2em;
}
.colEsq h5{
	color:#f99728;
	font-size:1.2em;
	line-height:1.3em;
	padding:30px 0 6px 0px;
}
.colEsq h5.senseMarge{ padding-top:0;}
.colEsq ul{
	padding-top:4px;
}
.colEsq ul li{
	padding-left:9px;
	background:url(../img/ul.gif) left 7px no-repeat;
}
.colEsq ul.color li{
	padding-left:9px;
	background:url(../img/ul_taronja.gif) left 7px no-repeat;
}
.colEsq ul.senseTopo li{
	padding-left:0px;
	background:none;
	padding-bottom:10px;
}
.colEsq ul.unitats li{
	padding-bottom:4px;
}
.colEsq ul.unitats li a{
	font-weight:bold;
}
.colEsq p.lletraPetita{
	font-size:0.8em;
	padding-top:5px;
}
.colEsq a.pujar{
	font-weight:bold;
}
.colEsq .icPdf{
	float:right;
	margin-top:-5px;
	padding-right:97px;
}

/* ------------------------------------------------------------
	 beneficis 
---------------------------------------------------------------*/
.colEsq .exercicis{
	width:285px;
}
.colEsq .exercicis h5{
	padding:5px 0 0 0;
	line-height:1em;
}
.colEsq .exercicis  ul,
.colEsq .exercicis  ul.senseTopo{ 
	margin:0;
	padding:0 0 7px 0;
	border-bottom:1px solid #838383;
}
.colEsq .exercicis  ul.ultim{  border:none;}
.colEsq .exercicis ul li,
.colEsq .exercicis  ul.senseTopo li{
	padding:0;
}
.colEsq ul.conve{
	padding-bottom:20px;
}


/* ------------------------------------------------------------
	 formulari municipis 
---------------------------------------------------------------*/
.home .colEsq form div{width:170px;}
.colEsq form .enquesta input{
	width:15px;
}
.colEsq .btn3{
	display:block;
	width:88px;
	height:21px;
	color:#fff;
	font-size:11px;
	line-height:15px;
	font-weight:bold;
	text-align:center;
	background:url(../img/btn3.gif) left top no-repeat;
	cursor:pointer;
	padding-bottom:2px;
}
/* inici taula rutes */
.colEsq table.rutes{
	width:645px;
	margin-bottom:50px;
}
.colEsq table.rutes thead{
	color:#ee2a3e;
	font-weight:bold;
	font-size:1.1em;
}
.colEsq table.rutes thead td{	
	padding:10px 0;
	border-bottom:1px solid #838383;
}
.colEsq table.rutes tbody{
	color:#5a5a5a;
	font-weight:bold;
	padding-top:20px;
}
.colEsq table.rutes td.ampl_1{
	width:150px;
}
.colEsq table.rutes td.ampl_2{
	width:224px;
}
.colEsq table.rutes td.ampl_3{
	width:122px;
}
.colEsq table.rutes tr.primer td{
	padding-top:20px;
}
.colEsq table.rutes tbody td{
	padding-top:15px;
}
/* final taula rutes*/


.colEsq .mapa{
	float:right;
	border:1px solid #acacac;
	margin-right:33px;
	margin-bottom:5px;
}
/* formulari cercador de rutes */
.colEsq form.buscaRutes{
	width:330px;
	padding:17px 0 0 0;
}
.colEsq form.buscaRutes span.select {
	position: absolute;
	width: 231px;
	height: 19px;
	padding: 5px 0 0 10px;
	color: #000;
	font-size: 12px;
	line-height:14px;
	background: url(../img/select_231.gif) left top no-repeat;
	overflow: hidden;
}
.colEsq form.buscaRutes select{ float:none;
	width: 231px;
	height: 22px;
	padding-left:0;
	font-size:13px;
	line-height:13px;
	display:block;
	margin-bottom:17px;
}
.colEsq form.buscaRutes .btn3{
	margin-top:30px;
	margin-left:50px;
}
/* hacks per ie */
.colEsq hr{*margin:20px 0 0px;}
form span.select, .colEsq form.buscaRutes span.select {_visibility:hidden;}









/*----------------------------------------------------------------------------------------------------
	Pafes interactiu
----------------------------------------------------------------------------------------------------*/
.Interactiu .colEsq{ 
	width:665px;
	padding-right:4px;
 	margin-bottom:30px;
}
.Interactiu .colEsq p { padding-right:20px; margin-top:5px; text-align:left;}
.Interactiu .colEsq p.textofoto { padding-right:20px; margin-top:0px; text-align:left;padding-bottom:5px;}
.Interactiu .colEsq li{ padding-right:20px; margin-top:10px; text-align:left;}	
.Interactiu h1.noIndent{padding-top:0;}
.Interactiu .colEsq p.enlaces{
	padding-top:10px;
	padding-right:0px;
}

.Interactiu .colEsq p.enlaces a{
	color:#EE2A3D;
	font-size:1.1em;
	font-weight:bold;
	padding-right:50px;
}

.Interactiu .colEsq p.enlaces a.ultimo{
	color:#EE2A3D;
	font-size:1.1em;
	font-weight:bold;
	padding-right:0px;
}
.links{
	font-weight:bold;
	width:650px;
	border-bottom:1px solid #838383;
	padding-bottom:15px;
	margin-bottom:15px;
	color:#EE2A3D;
}
.links a{ 
	font-size:1.1em;
	color:#5A5A5A;
}

.links a:hover {
	text-decoration:underline;
	color:#5A5A5A;
}
.links a.on,
.links a.on:hover {
	cursor:default;
	color:#EE2A3D;
	text-decoration:none;
}

.Interactiu .colEsq p.finalTest {
	font-size:1.1em;
}
.Interactiu .colEsq p.finalTest a{
	color:#1d00fd;
	text-decoration:underline;
}

.Interactiu .colEsq p.simple { padding-right:20px; margin-top:10px; text-align:left;}

/* columnes */
.subCol{
	float:left;
	width:320px;
}
.subColDreta{
	float:right;
}

/* -- pagina home interactiu ----------------------------------------------------------------------------------------*/
.colEsq .apartat ul,
.colEsq .apartat h4{ 
	padding:0 19px;
}
.colEsq .apartat img{ padding-left:19px;}
.colEsq .apartat img.video{ padding-left:0px;}
.colEsq .apartat .reproductor img{padding:0;}

.Interactiu .apartat h3{ 
	font-size:1em;
}
.Interactiu .apartat h4{ 
	font-size:1em;
	font-weight:bold;
	color:#5a5a5a;
	padding-top:15px;
	padding-bottom:20px;
}
.Interactiu .apartat p{ 
	font-weight:normal;
}

.colEsq ul.llistaLinks{
	padding-bottom:10px;
	padding-bottom:30px;
}
.colEsq ul.llistaLinks li{
	padding-left:0;
	background:none;
	margin-top:0;
}
.colEsq ul.llistaLinks a.on{ text-decoration:underline;}
.colEsq .apartat ul.llistaLinks{
	font-size:0.85em;
	line-height:1.5em;
	padding-bottom:10px;
}

.Interactiu .caixaGroga h2{
	color:#5a5a5a;
	padding:0;
	font-size:1.4em;
	line-height:1.15em;
	margin-bottom:15px;
}
.Interactiu .colEsq form.enquesta{
	padding:0;
	margin-bottom:0;
}
.Interactiu .colEsq .preguntas{
	float:left;
	margin-bottom:20px;
}
.Interactiu .colEsq form.enquesta label{ font-size:1.1em; line-height:1.4em;}
.Interactiu .colEsq form.enquesta .btn{ margin-top:14px; margin-left:60px; }

/* caixaGroga */
.subCol p.titcaixaGroga {
	background:#ffffe7 url(../img/titcor_caixagroga.gif) left bottom no-repeat;
	padding:15px 2px 4px 45px;
	font-size:1.1em;
	font-weight:bold;
	color:#ef2a3c;
}


/* -- pagina enlla�os ----------------------------------------------------------------------------------------*/
h1.noIndent,
h2.noIndent{padding-left:0;}

h2.noIndent{ 
	padding-top:0px;
	padding-bottom:0px;
	margin:0;
	color:#5A5A5A;
}
div.enllDest{ padding-bottom:20px;}
div.enllDest h2{
	float:left;
	width:130px;
	color:#5a5a5a;
	padding-top:5px;
}
div.enllDest a{ 
	float:left;
	width:155px;
	background:#fcfee6;
	text-align:center;
	padding:5px 0;
	font-weight:bold;
	font-size:16px;
}

.contEnlaces{
	padding-bottom:10px;
	padding-left:30px;
	padding-right:10px;
	width:300px;
}

.Interactiu h1.enlaces {
	padding:10px 0px 10px 0px;
	font-size:1.3em;
}


/* -- pagina video ----------------------------------------------------------------------------------------*/
.contVideo{width:417px;}
.contMirames{width:185px;}

.contVideo .reproductor{ padding:0;}

.contVideo h3{
	color:#ef2a3c;
	padding:0px 12px 3px 0;
	font-size:1.15em;
	text-align:left;
}
.contVideo p{
	font-size:0.9em;
	line-height:1.4em;
	padding-bottom:10px;
}

/* Inici mira mes videos */
.contMirames{
	padding-right:20px;
	padding-bottom:10px; 
}
.contMirames h4{
	font-size:0.9em;
	color:#5a5a5c;
	margin:4px 0 17px 0px;
	padding-top:5px;
	border-top:1px solid #fea151;
	border-bottom:1px solid #fea151;
}
.contMirames .item{
	width:165px;
	padding:0 0 37px 0;
	font-size:0.95em;
	line-height:1.2em;
	font-weight:bold;
}
.contMirames .item p{
	padding:0; 
}
.contMirames .item a{
	color:#ff8921;
}



/* -- pagina test ----------------------------------------------------------------------------------------*/
h1 strong{ 
	color:#6f6f6f;
}


form.test{
	width:585px;
}
form.test div.pregunta{
	padding-bottom:30px;
}
form.test div.pregunta img{
	float:right;
}
form.test div.pregunta p{
	width:435px;
	padding-bottom:12px;
}
form.test div.pregunta p strong{ color:#f89829;}
.colEsq form.test div.pregunta input,
.colEsq form.test div.pregunta label{ 
	float:left;
	clear:none;
}

.colEsq form.test div.pregunta input{ 
	margin-top:3px;
	margin-left:10px;
}
.colEsq form.test input.entrada{ 
	margin-top:3px;
	margin-left:10px;
	margin-right:3px;
}

.colEsq form.test div.pregunta label{ 
	padding:0 0px 0 5px; 
}

.colEsq form.test div.pregunta label.entrada{ 
	padding:5px 15px 0 5px; 
}

.colEsq form.test .btn{
	margin-left:154px;}
	
.colEsq form.test .btn4{
	margin-left:154px;}

/* formulario dia mundial*/	
form.test2{
	width:585px;
	padding: 20px 0px 0px 0px;
}

.colEsq form.test2 label{ 
	clear:both;
	padding-left:0px;
	padding-right:10px;
}

.colEsq .test2 p {
	padding-bottom:10px;
}
.colEsq form.test2 label.tarea{ 
	clear:both;
	padding-left:0px;
	padding-right:10px;
	padding-top:5px;
}

.colEsq .test2 .area{
	background:url(../img/campo_textarea.gif) no-repeat left top;
	padding: 5px 5px 5px 5px;
	height:85px;
	width:254px;
}

/* resposta */
h2.resposta{
	padding-left:0;
	color:#ee2a3d;
}
.Interactiu ul.topTaronja{
	/*padding-bottom:30px;*/
	font-size:1.1em;
}
.Interactiu .colEsq p.resultat{
	font-size:1.1em;
}
ul.topTaronja li{
	background-image:url(../img/ul_taronja.gif);
	padding-left:0;
	text-indent:10px;

}

/*test*/
.colEsq .test h2 {
	padding-left:0px;
	margin-bottom:0px;
}

.colEsq .test h2 a{
	color:#0000FF;
	text-decoration:underline;
	font-weight:normal;
}
.colEsq .test p {
	padding-bottom:4px;
}

/*flotantes*/
.colEsq .test p.flota{
	padding:0px;
	margin:0px;
}

.colEsq .test p.flota strong{
	color:#ff8722;
	font-weight:bold;
}

.colEsq .test p.flota span{
	color:#EE2A3D;
	font-weight:bold;
}


input.text {
	background:url(../img/campo_texto.gif) no-repeat 0px 0px;
	height:18px;
	padding:4px;
	width:224px;
}

input.entrada {
	background:url(../img/campo_texto_peke.gif) no-repeat 0px 0px;
	height:18px;
	padding:4px;
	width:30px;
}

textarea.textGran {
	/*background:url(../img/campo_textarea.gif) no-repeat 0px 0px;*/
	height:66px;
	overflow:auto;
	padding:2px;
	width:218px;
}

input.error{
	border: solid 1px #FF3333;	
}

textarea.error{
	border: solid 1px #FF3333;	
}

select.error{
	border: solid 1px #FF3333;	
}


.colEsq .test p.destaca_enq {
	font-size:1.1em;
	font-weight:bold;
	padding-bottom:12px;
}
.colEsq .test p.destaca_enq strong {
	color:#EE2A3D;
}
.colEsq .test p.destaca_enq a{
	text-decoration:underline;
	color:#5A5A5A;
}

/*creditos*/
.foto_cred {
    float:left;
    width:140px;
}
.texto_cred {
    float:left;
    width:470px;
}
.credito p{
    width:470px;
    padding-bottom:12px;
    margin-top:0px !important;
}
.credito strong {
    color:#FF8923;
}
h2.credito {
    padding:20px 0 0 0;
		color:#EE2A3D;
}
div.credito {
    padding:0 0 30px 0;
}

/*interactivo nuevo*/

.Interactiu .colEsq .InteractiuNou li {
	display:block;
	float:left;
	width:227px;
	height:102px;
	margin:0px;
	padding:0 0 42px 0;
	background:none;
}
.Interactiu .colEsq .InteractiuNou li.tercer {
	width:203px;
}

.Interactiu .colEsq .InteractiuNou li a {
	display:block;
	float:left;
	width:203px;
	height:47px;
	background:url(../img/boto_interactiu.gif) 0px -103px no-repeat;
	color:#d0232a;
	text-align:center;
	padding-top:55px;
	font-size:14px;
	font-weight:bold;
}
.Interactiu .colEsq .InteractiuNou li a:hover {
	background-position:0px 0px;
	color:#fff;
	text-decoration:none;
}
/*sitemap*/
.colEsq ul.mapaweb {
	margin-top:35px;
	margin-left:75px;
	padding-right:20px;
	padding-bottom:20px;
	text-align:left;
}

.colEsq ul.mapaweb li {
	background:transparent none repeat scroll 0 0;
	padding-left:0;
	padding-bottom:20px;
}

.colEsq ul.mapaweb li a {
	color:#EE2A3D;
	font-size:1.1em;
	font-weight: bold;
	text-decoration:none;
}

.colEsq ul.mapaweb li a:hover {
	color:#EE2A3D;
	cursor:default;
	text-decoration:underline;
}

.colDre ul.mapaweb {
	margin-top:35px;
	margin-left:75px;
	padding-right:20px;
	padding-bottom:20px;
	text-align:left;
}

.colDre ul.mapaweb li {
	background:transparent none repeat scroll 0 0;
	padding-left:0;
	padding-bottom:20px;
}

.colDre ul.mapaweb li.submenu {
	background:transparent none repeat scroll 0 0;
	padding-left:0;
	padding-bottom:3px;
}

.colDre ul.mapaweb li a {
	color:#EE2A3D;
	font-size:1.1em;
	font-weight: bold;
	text-decoration:none;
}

.colDre ul.mapaweb li a:hover {
	color:#EE2A3D;
	cursor:default;
	text-decoration:underline;
}

.colEsq ul.mapaweb2 {
	margin-top:0px;
	margin-left:0px;
	padding-right:0px;
	padding-bottom:19px;
	text-align:left;
}

.colEsq ul.mapaweb2 li {
	background:transparent none repeat scroll 0 0;
	padding-left:0;
	padding-bottom:1px;
}

.colEsq ul.mapaweb2 li a {
	color:#5A5A5A;
	font-size:1.1em;
	font-weight: normal;
	text-decoration:none;
}

.colEsq ul.mapaweb2 li a:hover {
	color:#5A5A5A;
	cursor:default;
	text-decoration:underline;
}

.colEsq ul.mapaweb li.submenu {
	background:transparent none repeat scroll 0 0;
	padding-left:0;
	padding-bottom:3px;
}

/*Salutacions*/
.lsaluta{
	font-weight:normal;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#EE2A3D;
}
.lsaluta a{ 
	color:#EE2A3D;
}

.lsaluta a:hover {
	text-decoration:underline;
	color:#EE2A3D;
}
.lsaluta a.on,
.lsaluta a.on:hover {
	cursor:default;
	color:#EE2A3D;
	text-decoration:none;
}



/*-------------------------------------------------------------------------------------
	 estils plana nova videos 
--------------------------------------------------------------------------------------*/
.ample div.videosInteract{
	padding-top:12px; 
	padding-left:36px;
	width:680px;
}


div.videosInteract h1.noIndent {
	color:#6f6f6f;
	font-size:2em;
	height:36px;
	padding:0px 0 10px 0px;
	text-align:left;
}

div.videosInteract h1.indent {
	color:#6f6f6f;
	font-size:2em;
	height:36px;
	padding:8px 0 0px 0px;
	text-align:left;
}

div.videosInteract h1.noIndentRojo {
	color:#EE2A3D;
	font-size:2em;
	height:36px;
	padding:0px 0 0px 0px;
	text-align:left;
}

div.videosInteract h1.indentRojo {
	color:#EE2A3D;
	font-size:1.9em;
	height:36px;
	padding:8px 0 0px 0px;
	text-align:left;
}

/*--- categorias ---*/
div.videosInteract div.subCol{ padding-top:0px;}

ul.categorias{ padding-top:0;}
.Interactiu .colEsq ul.categorias li{
	background:none;
	padding-left:0;
	margin-top:8px;
}
ul.categorias li a{
	font-weight:bold;
	color:#5a5a5a;
}
	ul.categorias li a:hover, ul.categorias li a.on{ color:#ff8921; text-decoration:none;}
	
/*--- reproductor video ---*/
div.videosInteract div.contVideo{ padding-right:15px; padding-bottom:0px; }
div.videosInteract div.contVideo .contImagen { background:#fff;}
div.videosInteract div.reproductor{ text-align:left;}
div.videosInteract div.reproductor h3 { padding-top:0px;}

/*--- mira mes videos ample ---*/
div.Mirames_ample{
	width:100%;
}
div.Mirames_ample h4{ border-top:0; margin-bottom:30px;}

/*--- items ---*/
div.Mirames_ample div.item{
	float:left;
	margin-left:60px;
	width:186px;
	padding:0 0 34px;
}
	div.Mirames_ample div.primerItem{ margin-left:0;}

	div.Mirames_ample div.item p{ 
		color:#ff8921;
		font-size:1.15em;
		margin-top:15px;
	}
	div.Mirames_ample div.item p.categoria{ font-size:0.95em;
		text-transform:uppercase;
		color:#5a5a5a;
		margin-top:3px;
		padding-bottom:5px;
	}
	div.Mirames_ample div.item a{
		color:#5a5a5a;
		font-size:0.9em;
	}
	

/*--- paginacion 2 ---*/
.paginacion2{
	text-align:right;
	color:#838383;
	font-size:0.8em;
	padding-right:25px;
}
	div.paginacion2{
		border-top:1px solid #FEA151;
		padding-top:8px;
	}
	div.Mirames_ample h4 { position:relative;}
		div.Mirames_ample h4 span.paginacion2{ position:absolute;
			right:0;
		}
.paginacion2 a, .paginacion2 a:hover{color:#838383;}
.paginacion2 a.on{color:#ff8921;}
.paginacion2 a{padding-left:5px;}
/*-------------------------------------------------------------------------------------
	 estils contacto 
--------------------------------------------------------------------------------------*/

.colEsq form.contacte {
	padding:15px 0 0 0;
}

.colEsq .colIzqContacte{
	width:363px;
	padding:0 0 10px 0;
	float:left;
}
.colEsq .contacte p {
	padding-bottom:10px;
}

.colEsq form.contacte label {
	padding-left:0px;
	padding-right:5px;
}
.colEsq form.contacte label.tarea{ 
	clear:both;
	padding-left:0px;
	padding-right:10px;
	padding-top:5px;
}

.colEsq .contacte .area{
	background:url(../img/campo_textarea_gran.gif) no-repeat left top;
	padding: 5px 5px 5px 5px;
	height:151px;
	width:317px;
}
.colEsq form.contacte span.select {
	position: absolute;
	width: 327px;
	height: 19px;
	padding: 5px 0 0 10px;
	color: #000;
	font-size: 12px;
	line-height:14px;
	background: url(../img/select_327.gif) left top no-repeat;
	overflow: hidden;
}
.colEsq form.contacte select{ 
	float:none;
	width: 321px;
	height: 22px;
	padding-left:0;
	font-size:11px;
	line-height:13px;
	display:block;
	margin-bottom:17px;
}
.labelMotivos{
	padding-right:4px;
}
.colDchaContacte{
	float:left;
	width:250px;
	padding:0 0 0 15px;
}
.colDchaContacte p.aviso{
	font-size:10px;
	line-height:13px;
	padding-top:17px;
}
.colDchaContacte .separadorContacte{
	height: 168px;
}
.colEsq .legalContacte{
	font-size:11px;
	line-height:14px;
}
input.textNom {
	background:url(../img/campo_texto_nom.gif) no-repeat 0px 0px;
	height:18px;
	padding:4px;
	width:316px;
}