/***** Pentrilo Style 1.0 *****/
/*** Main ***/

body {
  background:#2E3850 url(../img/bg_body.png) repeat-x top left;
	font-size: 75%;
	font-family: arial, verdana, tahoma, sans-serif;
	line-height: 1.3em;
}

* {
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
}

.clear {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.img-left {
	float: left;
	margin: 0 1em 1em 0;
}

.img-right {
	float: right;
	margin: 0 0 1em 1em;
}

a:link, a:visited {
	color: #282F3F;
	text-decoration: underline;
}

a:hover, a:active {
	color: #545E75;
	text-decoration: none;
}

#box {
  width:900px;
  margin:0 auto;
  background-color:#fff;
}

/*** Header ***/
#header {
}

#header .header-logo {
  float:left;
  width:300px;
  margin-top: 15px;
}

#header .header-flags {
  float:left;
  width:597px;
}
  
  .header-contact {
    color:#aaa;
    text-align:right;
    padding:1.5em;
  }

/*** Main left & right ***/
.flags {
  float:right;
}

.flags p {
  font-size:1.5em;
  text-align:right;
  margin:1em 1em 0 0;
  color:#CDCDCD;
}

.active a {
  background-position: 0px -20px !important;
}

#spain a {
  	background: url(../img/spain.png) 0 0 no-repeat;
  	display:block;
   	height:20px;
    width:80px;
    float:left;
}
   
#spain a:hover {
   background-position: 0px -20px ;
}

#spain a:active {
   background-position: 0px -20px;
}

  
#italy a {
  	background: url(../img/italy.png) 0 0 no-repeat;
  	display:block;
   	height:20px;
    width:80px;
    float:left;
}
   
#italy a:hover {
   background-position: 0px -20px ;
}

#italy a:active {
   background-position: 0px -20px;
}

#portugal a {
  	background: url(../img/portugal.png) 0 0 no-repeat;
  	display:block;
   	height:20px;
    width:80px;
    float:left;
}
   
#portugal a:hover {
   background-position: 0px -20px ;
}

#portugal a:active {
   background-position: 0px -20px;
}

#uk a {
  	background: url(../img/uk.png) 0 0 no-repeat;
  	display:block;
   	height:20px;
    width:80px;
    float:left;
}
   
#uk a:hover {
   background-position: 0px -20px ;
}

#uk a:active {
   background-position: 0px -20px;
}

#france a {
  	background: url(../img/france.png) 0 0 no-repeat;
  	display:block;
   	height:20px;
    width:80px;
    float:left;
}
   
#france a:hover {
   background-position: 0px -20px ;
}

#france a:active {
   background-position: 0px -20px;
}
  

/*** Main left & right ***/

#main-left {
  float:left;
  width:300px;
  background:#EEEAE1 url(../img/bg_main_left.png) no-repeat bottom left;
  padding-bottom:10em;
}

#main-left-contacto {
	background-color: #e2ddd0;
	margin: 0px 20px;	
	font-size: 1em;
	padding: 1em;
	border: 1px solid #d7d0bf;
}

	#main-left-contacto p {
		padding-bottom:.5em ;
		color: #8b8068;
	}
	
	#main-left dl {
		margin: 2em 0 0 2.5em;
	}
	
		#main-left dt {
			font-weight: bold;
			color: #8b8068;
		}
		
		#main-left dd {
			margin-left: 20px;
			margin-bottom: 10px;
		}
#main-right {
  float:left;
  width:597px;
}

#main-right-interior {
  float:left;
  width:597px;
  background:transparent url(../img/bg_right.png) no-repeat top left;
}

/*** Footer ***/
#footer {
 background:transparent url(../img/bg_footer.png) no-repeat bottom left;
 height:70px;  
}

  #footer p {
    text-align:center;
    padding-top:.8em;
    color:#776B58;
  }
  
  #footer p a {
    color:#776B58
  }
  

/*** Catalogo1 ***/
.form-catalogo {
  padding:1em 1.5em 0 1.5em;
  margin-bottom:3em;
}

  .form-catalogo p {
    font-size:1.5em;
    color:#7F7F7F;
    padding-bottom:.5em;
  }
  
  
#catalogo1 {
  margin:-1em 1.5em 3em 1.5em;
}

#catalogo2 {
  margin:1em 1.5em 3em 1.5em;
}

	#catalogo2 h1 {
		font-size: 3em;
		font-weight: normal;
		color: #22478b;
		border-bottom: 1px solid #ccc;
		padding-bottom: 15px;
	}
	
		#catalogo2 ul {
			margin: 2em	3em;
		}
		
		#catalogo2 li {
			font-size: 1.5em;
			padding-bottom: 10px;
		}
  
  .catalogo1-left {
    float:left;
    width:48%;
  }
  
  .catalogo1-right {
    float:right;
    width:48%;
  }
  
  .catalogo1-left div, .catalogo1-right div {
    border-bottom:1px solid #EDE6DB;
    padding:1em 0;
  }


		.catalogo1-left div a, .catalogo1-right div a {
			text-decoration: none;
		  }
  
  #catalogo1 div img {
    float:left;
    margin:0 1em -.5em 0;
  }
  
  #catalogo1 div span {
  font-size:2em;
	display:block;
	margin-top:.45em;
  }

#catalogo-item {
  margin:0 1.5em;
}

  .back a {
    font-size:1.5em;
	display: block;
    margin-bottom:1.5em;
 	color: #9b8b68;
  }

	#catalogo-item h1 {
	  line-height:1.5em;
	  font-weight:normal;
	  font-size:4em;
	  color:#215E9D;
	}
  
  #catalogo-item table {
    width:100%;
    border-collapse:collapse;
    margin:2em 0;
  }
  
  #catalogo-item table td {
     font-size:1.3em;
     padding:.5em 1em;
  }
  
  #catalogo-item table tr {
    border-bottom:1px solid #ddd;
  } 

/*** Results ***/ 
#results {
	margin:1em 1.5em 3em 1.5em;
}

#results h2 {
	margin:.5em 0;
	font-weight: normal;
}

	#results table {
		width: 100%;
		border-collapse:collapse;
	}
	
	#results th {
		text-align: left;
		background-color: #e46e35;
		color: #fff;
		padding: .2em 1em;
		font-weight: normal;
		font-size: 1.2em;
	}
	
	#results th a {
		color: #fff;
	}
	
	#results td {
		padding: .5em 1em;
		font-size: 1.2em;
	}
	
	#results .gray-row {
		background-color: #f1f1f1;
	}

	.pagination {
		text-align: center;
		font-size: 2em;
		margin: 1.5em 0;
		color: #ccc;
	}

/*** Noticias ***/
#noticias {
	margin:2em 1.5em 3em 1.5em;
}

#noticias div {
	padding-bottom: 20px;
}

#noticias h3 {
	font-size: 3em;
	font-weight: normal;
	color: #22478b;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

#noticias h1 {
	font-weight: normal;
	color: #333;
	font-size: 2em;
}

#noticias h2 {
	margin:.5em 0;
	font-weight: normal;
	color: #aaa;
	font-size: 1.2em;
}

#noticias p {
	color: #333;
	font-size: 1.1em;
	line-height: 1.5em;
	text-align: justify;
}



/*** Historia & centros ***/
#historia, #centros, #pintor {
	margin:2em 1.5em 3em 1.5em;
}

#historia p, #pintor p {
	text-align: justify;
}

#historia h3, #centros h3, #pintor h3 {
	font-size: 3em;
	font-weight: normal;
	color: #22478b;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

#historia p, #centros p, #pintor p {
	color: #333;
	font-size: 1.1em;
	line-height: 1.5em;
	margin-bottom: 1em;
}

/*** Contact ***/
#contact {
	margin: 1.5em 1.5em;
	font-size: 1.2em;
}

#contact form {
  margin: 0;
  padding: 0;
  font-size: 100%;
  width: 540px;
}

#contact form fieldset {
  clear: both;
  font-size: 100%;
  border: 0px solid #999;
  padding: 10px;
  margin: 0 0 0 0;
}

#contact form fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #2356af;
  margin: 0 0 0 0;
  padding: 0 5px;
}

#contact label {
  font-size: 100%;
}

#contact form div {
  clear: left;
  display: block;
  width: 354px;
  height: expression('1%');
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

#contact form fieldset div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0 0 10px 10px;
}


#contact form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 197px;
}

#contact form div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

#contact form div.required fieldset legend {
  font-weight: bold;
}

#contact form div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

#contact form div.optional label, label.optional {
  font-weight: normal;
}

#contact form div.required label, label.required {
  font-weight: bold;
}

#contact form div input {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

#contact form div label.labelCheckbox {
  float: none;
  display: block;
  width: 200px;
  height: expression('1%');
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}


#contact form div input.inputCheckbox {
  display: inline;
  float: left;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: .2em .5em 1em 0;
}

#contact .continue {
	margin-left: 140px;
_margin-left:70px; /*Stupid IE*/
}

#contact .continue input {
	width: 160px;
	margin: 1em 0;
	font-size: 1.5em;
}

/*** Pintor ***/
.answerfaq{margin:10px 20px 10px 0;padding:10px 15px 15px 15px;display:none;background-color:#FEFFCB;}
.closefaq{float:right;margin:0;padding-bottom:5px;padding-left:5px;}
.olpintor {padding:0 0 0 2em;}
.olpintor li {padding:0 0 1em 0;}