﻿@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0;}
body {
/*	font-size:100%;
	line-height:1em;*/
	font-family:Arial , Helvetica, sans-serif;
	color:#2c215d;
	text-align:center;
	background: #fff  url(../img/bg_body.jpg) repeat-x top !important;
} 


/*in_line*/ 
input, select, textarea 
{ 
vertical-align:middle;
font-family:Trebuchet MS, Helvetica, sans-serif;
}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}
a{  /*text-decoration:none;*/ color:#2c215d;}
a:hover{text-decoration:underline;}


.tipo18 {
font-size:18px;}


.tipo15 {
font-size:12px;}



h1 
{
font-size:24px;}
	

/*h2
	{
	font-size:24px;
	}
*/
h3
{
font-size:22px;}
	


#centrado
{
	margin:25px auto; 
	*margin-left:auto;
	*margin-right:auto;
	width:980px;
	text-align:center;
	background-color:#FFF;
	border:solid 1px #000;
}

#cabecera 
{
	margin:0 auto;  
	width:920px;
	
	
}
	

#main 
{
	margin:0 30px 0 30px;
	*margin-left:auto;
	*margin-right:auto;
	width:920px;
	text-align:center;
	background-color:#fff;
	

}
	
	
* { margin:0; padding:0;}



#logo
{ 


float:left;
margin:15px 25px 0px 0;


}

#buscador
{
	background:url(../img/bg_buscador.jpg)  no-repeat top center ;
	width:699px;
	height:72px;
	padding-left:0px;
	padding-top:10px;
	float:left;
	
	

	
}

#buscador div
{
float:left;
margin:5px 10px 0 0;
/* *margin:5px 4px 0 0; */
text-align:left !important;
color:#000;
font-weight:bold;
font-size:11px;
padding:0px;
}
#buscador input
{
clear:both;
padding:0px;
}
.boton
{
/*position:absolute;*/
float:right;
margin:18px 0px 0px 0px !important;


}
.respuestaBusqueda
{
margin-left:25px;	
width:650px;
color:red;

}



#buscador_int
{
	
	width:600px;
	margin:15px 0 0 0;
	padding-left:0px;
	padding:15px 0 0px 0;
	height:100px;
	border-top: dashed 1px #333;
	border-bottom: dashed 1px #333;
	
}

#buscador_int div
{
float:left;
margin:0px 5px 0 0px;
/* *margin:5px 4px 0 0; */
text-align:left !important;

font-weight:bold;
font-size:11px ;
padding:0px;
}
#buscador_int input
{
clear:both;
padding:0px;
}
.boton_int
{
/*position:absolute;*/

margin:20px 0 0 200px !important;


}
.respuestaBusqueda_int
{
margin-left:25px;	
width:650px;
color:red;

}
#nav
{
height:45px;
/*padding-left:140px;*/
padding-top:15px;
background-color:#fff !important;

}

#nav ul
{
	display:inline;
	margin-top:15px;
	
	
}
#nav ul  li
{
float:left;
	font-size:14px;
	font-weight:bold;
	height:25px !important;
	margin:0 10px 0 0;
}
#nav ul li a
{
color:#2c215d;
text-decoration:none;
height:24px !important;
padding:7px 7px 0 7px;
display:block
}


#nav ul li a:hover
{
color:#fff !important;
text-decoration:none;
height:24px !important;
display:block;
background-color:#2c215d;
-moz-border-radius-topleft: 5px; 
-moz-border-radius-topright: 5px; 
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 5px; 
-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;

}


.seleccionado
{
height:24px !important;
background-color:#2c215d;
-moz-border-radius-topleft: 5px; 
-moz-border-radius-topright: 5px; 
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 5px; 
-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;


}

.seleccionado a
{

color:#fff !important;
height:24px !important;
background-color:#2c215d;
-moz-border-radius-topleft: 5px; 
-moz-border-radius-topright: 5px; 
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 5px; 
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;

}




#explica

{
		clear:both;
		width: 920px;
		height: 228px;
}

.barraTitulos


	{	
	background:url(../img/bg_barra.jpg) repeat-x ;

	padding:25px 0px 5px 5px ;
	font-weight:bold;
	color:#0f3d8c;
	text-align:left;
	}

.barraTitulos p


	{	
float:left;
text-indent:10px;
font-size:14px;
	}

.tipo

	
	{	
width:149px;
border-right:solid 1px ##0f3d8c;
	}

.fotos
	{	
width:49px;

	}
	
.descripcion
	{	
width:600px;
border-left:solid 1px #0f3d8c;
	}

.descripcionfoto
	{	
margin:15px 0 15px 0;
	}
.tablaResult
{
	
font-weight:bold;
text-align:left;
font-size:12px;	
color:#333;
padding:3px;
padding:5px ;
}

.tablaSeparador
{
	height:1px;
	background-color:#ebebeb;
	padding:0px;
}


#contenido
{
	
		width: 920px;
		text-align:left !important;
}
#contenido p a
{
	
	text-decoration:underline;
	color:#6D609F;
}


.tituesp

{
	background:transparent url(../img/bg_barraclara2.gif) no-repeat !important;
	height:50px;
	padding: 7px !important;

}
.tituesp a

{
text-decoration:none;
}
/* DESTACADOS */ 

.destacados
{
	clear:both;
	width:920px;
}

.destacados h2
	{
	font-size:24px;
	color:#fff;
	background: transparent url(../img/h3bg.jpg) no-repeat top;
	height:45px;
	padding:7px;
	margin:15px 0 10px 0;
	}




.destacados ul
{
	display:inline;
}

.destacados li

{
	display:inline !important;
	text-align:center;
	width:180px !important;
	font-size:11px !important;
	border-right:dotted 1px #999;
	float:left;
	margin:15px 0 0 0;

}



.ultimo

{

	border-right:solid 0px #999 !important;


}
.destacados li p

{
	text-align:center;
	font-size:12px !important;
	margin:10px;
}


.destacados li a

{
	
	padding:5px;
	font-size:9px;
	background-color:#6d609f;
	color:#fff;
	margin:8px;
	clear:both;
	text-decoration:none;
}

.destacados li img

{
width:135px;
/*height:135px;*/
/*border:solid 3px #c9c6d6;*/
}

/**/

.otrosServ
{
	clear:both;
	width:920px;
	margin-top:10px;
}


.otrosServ ul
{
	display:inline;
}

.otrosServ li

{
	display:inline !important;
	text-align:center;
	width:276px !important;
	height:310px;
	padding:10px  !important;
	font-size:12px !important;
	margin:5px;
	float:left;
	background: transparent url(../img/bgotrosServicios.jpg) no-repeat bottom;

}


.otrosServ h2
	{
	font-size:24px;
	color:#fff;
	background: transparent url(../img/h3bg.jpg) 			no-repeat top;
	height:45px;
	padding:7px;
	margin:15px 0 10px 0;
	text-align:left;
	}


.otrosServ img
	{
	font-size:24px;
	color:#fff;
	background: transparent url(../img/h3bg.jpg) 			no-repeat top;
	height:45px;
	padding:7px;
	margin:15px 0 10px 0;
	text-align:left;
	}



.otrosServ h3

{
	text-align:center;
	margin:10px 0 10px 0;
}

.otrosServ li a

{

	
}
.otrosServ li p
{

	text-align:left;
	

}
.otrosServ li img

{
padding:0px;
margin:0px;
height:135px;
}

.otrosServ li p a

{
	padding:5px 2px 5px 2px;
	font-size:10px;
	background-color:#6d609f;
	color:#fff;
	/*margin:8px;*/
	clear:both;
	text-transform:uppercase;
	color:#fff !important;
	text-decoration:none !important;
	text-align:center;
	margin-top:2px;
	float:left;


	
}




/**/



.colDcha 
{
float:right;
display:inline !important;
	text-align:center;
	width:276px !important;
	min-height:400px;
	padding:0 10px 10px 10px !important;
	font-size:12px !important;
	margin:5px;

	background: transparent url(../img/bgotrosServicios.jpg) no-repeat bottom;

}


.colDcha h1
{

font-size:22px !important;

}
.colDcha h2
{

font-size:14px !important;
background:none;
color:#2c215d;
padding:0 !important;
margin:10px 0 10px 0 !important;
float:left;
width:430px;

}

.colDcha h3
{

font-size:14px !important;
background:none;
color:#2c215d;
padding:0 !important;
margin:0px 0 10px 0 !important;
}
.colDcha p
{

font-size:12px !important;

}


.colIzq
{
text-align:left !important;
float:left;
width:600px !important;
font-size:12px !important;



}

.colIzq h1
{

font-size:22px !important;

}
.colIzq h2
{

font-size:14px !important;
background:none;
color:#2c215d;
padding:0 !important;
margin:10px 0 10px 0 !important;
float:left;
width:427px;
text-align:justify;
}

.colIzq h3
{

font-size:14px !important;
background:none;
color:#2c215d;
padding:0 !important;
margin:10px 0 10px 0 !important;
}
.colIzq p
{

font-size:12px !important;
text-align:justify;

}
.colIzq p a
{
text-decoration:underline;

}
colIzq img
{
float:right !important;

}
.logo

{
	
	margin:5px;
	float:right;
	
}

.rojo
{

color:#f75230;
font-weight:bold;

}

/**/

.contenido_ext
{
	font-size:12px;
}

.contenido_ext h1
{

font-size:22px !important;

}
.contenido_ext h2
{

font-size:14px !important;
background:none;
color:#2c215d;
padding:0 !important;
margin:10px 0 10px 0 !important;
}

.contenido_ext h3
{
font-size:14px !important;
background:none;
color:#2c215d;
padding:0 !important;
margin:10px 0 10px 0 !important;
}

.contenido_ext h4
{
font-size:12px !important;
background:none;
color:#2c215d;
padding:0 !important;
margin:10px 0 3px 0 !important;
background-color:#ebebeb;
}

.contenido_ext h5
{
	font-style:italic;
font-size:12px !important;

background:none;
color:#2c215d;
padding:0 !important;
margin:10px 0 5px 0 !important;
}

.contenido_ext p
{

font-size:12px !important;

}

.caracteristicas ul
{

font-size:12px !important;
margin-left:50px;

}
.caracteristicas li
{
padding:3px;
font-size:12px !important;
margin:5px;
background-color:#c9c6d6;
width:300px;
float:left;
}

.caracteristicas2 ul
{

font-size:12px !important;
margin-left:50px;

}
.caracteristicas2 li
{
padding:3px;
font-size:12px !important;
margin:5px;
font-size:12px;
font-weight:bold;
float:left;
width:225px;
border-bottom:solid 1px #ebebeb;
}
/*footer*/
#footer
{
width: 920px;	
font-size:12px; 
color:#2c215d;
background: transparent url(../img/bgfooter.jpg) no-repeat; 
padding-top:15px;


height:72px;
}

#footer li
{
display:inline;
}

#footer li a
{
color:#2c215d;
padding:15px;
text-decoration:none;
}
.legal
{
padding:5px 0 0 0;
font-size:11px !important;
/*border-top:dashed 1px #666;*/
}

.aclara
{
clear:both !important;
height:15px !important;
}

.aclara15
{
clear:both !important;
height:15px !important;
}

/* */

/* GALERIA */

.fotosGrandesOld
{
		text-align:center;

		 
}
		 
.fotosGrandesOld img
{
		text-align:center;
		margin:5px 0 5px 0;
		padding:5px;
		 
}

#contenido .descripcion

{
	padding:15px 0;
		width: 920px;
	
}
.colIzqficha
{
		/*background:url(img/bg_contenido.gif) repeat-x ;*/
		width: 580px;
		float:left;
		font-size:12px !important;
}

.fotoscolDcha
{
		/*background:url(img/bg_contenido.gif) repeat-x ;*/
		width: 325px;
		float:right;
}


.fotoG
{
		
		width: 325px;
		margin-left:0px;
		text-align:center;
	
}

.fotoG img
{
margin: 0px;
}




.fotoscolIzq
{
	
/*background:url(img/bg_contenido.gif) repeat-x ;*/
	
	width: 325px;
	float:left;
	
	
}
.fotoscolIzq ul li
{

float:left;
height:75px;
width:75px;
margin:15px;
border:solid 1px #999;
overflow:hidden;
}
.fotoscolIzq ul li img
{
/*margin-top:10px;*/
}

.navegaResult
{
font-size:12px;
background-color:#ebebeb;
padding:5px;
margin:15px 0;
text-align:center;

}
.navegaResult a
{
color:#333;
padding:20px;

}

.navegafoto
{
font-size:11px;
background-color:#ebebeb;
padding:5px;
margin:15px 0;
text-align:center;

}
.navegafoto a
{
color:#333;
padding:10px;

}
.btEnviar {
background-color:blue;
color:white;
font-size:11px;
width:150px;
}


/**/

#formulario
{
	

	}
	
	#formulario h1
{
	

		text-align:left !important;
		margin:15px 0 5px 0;
		font-size:22px;
		height:40px;
		padding:8px;
		background:transparent url(../img/bg_barraclara2.gif) no-repeat;
		
	}
	
	#formulario p
{
	font-weight:bold;
	float:left !important ;
	margin:10px;
	}
	#formulario span
{
	margin:10 0 0 0px;
	clear:both;
}





/* */

#contact-form {
	width: 260px;
	padding: 0px 0 0 0;
	color:#2c215d;
	text-align:left;
}

#contact-form  h3
{
font-size:22px !important;
}

#contact-form div 
{
	margin-top:5px;
	
	margin-top:5px !important;
	width: 260px;
	clear:both;
	height:20px;
}

#contact-form div p {
	padding: 0 0 1px 0;
	
	font-size: 11px !important;
	margin-top:5px !important;
	width:65px;
	float:left;
}

.tituform
 {
	padding: 0 0 1px 0;

	font-size: 10px !important;
	width:100px;
	float:left;
}

.avisoform
 {
	font-size: 9px !important;

}
#contact-form div p span {
	padding: 0 0 1px 0;
	
	font-size: 11px;
	margin-top:10px !important;
	width:150px;
	float:left;
}
#contact-form input 
{
	padding-left:50px;
	background: none;
	width: 163px;
	height: 15px;
	padding: 3px;
	border: 1px solid #2c215d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;

}

.contact-formInput {
	width: 150px !important;
	height: 18px;
	border: 1px solid #2c215d;
	margin:0 0 0 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	float:right;
}
.checkboxTb
 {
	background: none;
	height: 15px;
	padding: 3px;
	border: 1px solid #353b3f;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;

}
#contact-form textarea {
	background: none;
	width: 150px;
	height: 50px;
	padding: 3px;
	overflow: auto;
	border: 1px solid #353b3f;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #71818a;
}



#btnEnviar
{
	background-color: #2c215d !important;
	display: inline-block;
	height: 25px;
	padding: 0 10px 0 12px;
	line-height: 25px;
	font-size: 1.2em;
	text-decoration: none;
	color: #fff;
	margin:5px 0px 5px 100px;
	font-weight:bold;
	clear:both;
}

.boton_form{
	background-color: #2c215d !important;
	display: inline-block;
	height: 25px;
	padding: 0 12px 0 12px;
	font-size: 1.2em;
	text-decoration: none;
	color: #fff;
	margin:15px 0px 5px 100px;
	font-weight:bold;
	clear:both;
}
.boton_form2{
	background-color: #2c215d !important;
	display: inline-block;
	height: 25px;
	padding: 0 12px 0 12px;
	*padding: 0 12px 0 12px;
	font-size: 1.2em;
	text-decoration: none;
	color: #fff;
	margin:5px 0px 5px 100px;
	*margin:25px 0px 15px 100px;
	font-weight:bold;
	clear:both;
}
.boton_form3{
	background-color: #2c215d !important;
	display: inline-block;
	height: 25px;
	font-size: 1.2em;
	text-decoration: none;
	color: #fff;
	margin:0px 0px 5px 230px;
	*margin:15px 0px 15px 230px;
	font-weight:bold;
	clear:both;
}

#contact-form a:hover {
	text-decoration: underline;
	color: #000;
}

/* */

.paginacion

{
	margin: 15px 0 15px 0;
background: transparent url(../img/bg_barraclara.gif) no-repeat;
width:920px;
height:45px;
font-size:14px;
font-weight:bold;
padding:12px 0 0 0;
}


.mostrando
{
font-size:16px;	
float:left;
margin-left:15px;
width:550px;
	
	}


.botonesPag
{
 float: left;
 margin-left:10px;
 
 }
 
 
 hr
 
 {
	 
	border-top: dashed 1px #999; 
	height:1px;
	margin:15px;

	 }
	 
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 530px;
	height:100px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(/img/h300.png) repeat-x;
	float:left;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:530px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:70px;
	height:53px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../img/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 5px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 		{ background-position: 0 -30px; clear:right; margin-right: 0px; }
a.right:hover 	{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left			{ margin-left: 0px; } 
a.left:hover  	{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  	{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 