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

body {
text-align: center;
background-image: url(../images/fondo-web2.jpg);
background-repeat:repeat-x;
background-color: #2a2a2a;
color: #333;
font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
font-size:12px;
line-height: 16px;
padding: 0px;
margin: 0px;
}
h1 {color: #fff; font-size: 18px; padding-top: 20px; line-height:22px;}
h2 {margin:10px 0 0 5px; padding: 0px; font-size:13px; color:#fff;	}
h3 {color: #333333; font-size: 18px; padding: 15px 0 0 20px; *padding-top: 35px;}
img {border: 0px;}
p {margin: 0px; padding: 0px;}
ul.listado{
margin: 0px ;
padding: 0px ;
}
a {color: #fff;}
b{background-color: #bba179; color: #fff; padding: 1px;}
li.listado{
	list-style: none;
	background-image: url(../images/cruz.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin:5px 0 0 20px;
	padding: 0 0 5px 30px;
}
.center {text-align: center;}

#contenedor {
margin: auto; 
width: 1018px;
height: auto;
border: 0px;
background-image: url(../images/fondo-contenedor.png);
text-align:left;
padding: 0px;
}
#twitter {
margin: auto; 
width: 950px;
height: auto;
border: 0px;
text-align:left;
height: 211px;
padding: 10px;
color: #9ed1ea;
font-size: 12px;
background-image: url(../images/fondo-twitter.gif); background-position:left top; background-repeat:no-repeat;
}
.titulo-twitter {font-size: 18px; color: #fff; font-weight: bold;}
li.twitter{
	list-style: none;
	background-image: url(../images/cruz.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin:5px 0 0 20px;
	padding: 0 0 5px 30px;
}
#tuweb { position:absolute; top: 40%;}
#cabecera {
margin: auto; 
width: 1018px;
height: 280px;
border: 0px;
background-image: url(../images/fondo-cabecera.png); background-repeat: no-repeat;
text-align:left;
padding: 0 55px 0 55px;
}
#logo {width: 908px; height:302px; background-image: url(../images/cabecera.jpg); background-repeat: no-repeat;}
#menu {padding: 0px;}
#cuerpo {padding-left:15px;}
#fondo {
margin: auto; 
width: 1018px;
height: auto;
border: 0px;
background-image:url(../images/fondo-contenedor.png); 
background-repeat:repeat-y;
text-align:left;
padding: 0px;
;}
.pt {padding-top: 10px;}
.p20b{padding:20px;}
.p20 {padding: 0 20px 20px 20px;}
.pt20 {padding-top: 10px;}
.pl50 {padding-left: 50px;}
.pr30 {padding-right: 30px}
.entrada {width: 175px;}
.izda {float: left;}
.dcha {float: right;}
.gris {color: #333333; font-size: 18px; padding: 0px;}
.hexpl {*height: 50px;}
#pagina-web {width: 604px; height: 260px; background-color: #eedcbc; padding:20px; background-image:url(../images/paginas-web1.jpg); background-position: left top; background-repeat: no-repeat;}

.separador {clear: both;}
.separador2 {clear: both; height:25px; *height: 5px;}
.separador3 {clear: both; height:12px;}

.png {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='imagen.png',sizingMethod='scale');}
#doble {margin-left: auto;
	margin-right: auto;
	width: 900px;
	position: relative;
	background-image:url(../images/fondo-doble.jpg); background-repeat:no-repeat; width: 900px; height: 244px;}
#doble2 {margin-left: auto;
	margin-right: auto;
	width: 900px;
	position: relative;
	background-image:url(../images/fondo-doble2.jpg); background-repeat:no-repeat; width: 900px; height: 244px;}
#dobleA {width: 429px; height:244px; float:left; text-align:right;}
#dobleB {width: 429px; height:244px; float:right; padding-right: 20px}
.botonA {float: right; padding: 90px 0 0 0; width: 50px; height: 244px;}

#dobleC {width: 800px; height:244px; float:right;}
.pwi {padding: 35px 0 0 50px; width: 250px; color:#333333}
.pwd {padding: 25px 0 0 0; width: 190px; color:#333333}
.contenido {width: 640px; background-color: #efdcbc; color:#333333; }
.contenido2 {background-color: #efdcbc; color:#333333; width: 860px}

a.rojo:link
{
    FONT-SIZE: 13px;
    COLOR: #fff;
    TEXT-DECORATION: none;
	background-image:url(../images/aflecha.png); background-repeat:no-repeat; background-position:left; padding-left:10px;
}
a.rojo:active
{
    FONT-SIZE: 13px;
    COLOR: #fff;
    TEXT-DECORATION: underline
}
a.rojo:visited
{
    FONT-SIZE: 13px;
    COLOR: #fff;
    TEXT-DECORATION: underline
}
a.rojo:hover
{
    FONT-SIZE: 13px;
    COLOR: #5f0b0b;
    TEXT-DECORATION: none
}



a.enlace:link
{
    FONT-SIZE: 16px;
	font-weight: bold;
    COLOR: #fff;
    TEXT-DECORATION: none;
	background-image:url(../images/aflecha.png); background-repeat:no-repeat; background-position:left; padding-left:10px;
}
a.enlace:active
{
    FONT-SIZE: 16px;
	font-weight: bold;
    COLOR: #fff;
    TEXT-DECORATION: none
}
a.enlace:visited
{
    FONT-SIZE: 16px;
	font-weight: bold;
    COLOR: #fff;
    TEXT-DECORATION: none
}
a.enlace:hover
{
    FONT-SIZE: 16px;
	font-weight: bold;
    COLOR: #d29636;
    TEXT-DECORATION: underline
}

a.rojo2:link
{
    FONT-SIZE: 14px;
	font-weight: bold;
    COLOR: #76363a;
	padding: 2px 0 2px 10px;
    TEXT-DECORATION: none;
	background-image:url(../images/aflecha.png); background-repeat:no-repeat; background-position:left; padding-left:10px;
}
a.rojo2:active
{
    FONT-SIZE: 14px;
	font-weight: bold;
    COLOR: #76363a;
	padding: 2px 0 2px 10px;
    TEXT-DECORATION: none;
}
a.rojo2:visited
{
    FONT-SIZE: 14px;
	font-weight: bold;
    COLOR: #76363a;
	padding: 2px 0 2px 10px;
    TEXT-DECORATION: none;
}
a.rojo2:hover
{
    FONT-SIZE: 14px;
	font-weight: bold;
    COLOR: #fff;
	background-color:#76363a;
	padding: 2px 0 2px 10px;
    TEXT-DECORATION: underline;
}
a.negro:link
{
	font-weight: bold;
    COLOR: #333;
    TEXT-DECORATION: underline;
}
a.negro:active
{
	font-weight: bold;
    COLOR: #333;
    TEXT-DECORATION: underline;
}
a.negro:visited
{
	font-weight: bold;
    COLOR: #333;
    TEXT-DECORATION: underline;
}
a.negro:hover
{
	font-weight: bold;
    COLOR: #d29636;
    TEXT-DECORATION: none;
}


.web {background-color:#3d3934; border: 1px solid #999999; color: #d29636}
.w500 {width: 700px;}
.titular {color: #d49838; font-size:18px; font-weight: bold}











#navigation {
  list-style: none;
}

#navigation li {
  float: left;
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
  height: 72px;
        position: relative;
        display: block;
        background: url(../images/menu.jpg) 0 0 no-repeat;
}

/* individual navigation items */
#navigation a.pw {
  background-position: 0 0;
  width: 142px;
}

#navigation .highlight a.pw:hover,
#navigation a.pw .hover {
  background-position: 0 -70px;
  width: 142px;
  cursor: pointer;
}

#navigation a.wp {
  background-position: -142px -0px;
  width: 163px;
}

#navigation .highlight a.wp:hover,
#navigation a.wp .hover {
  background-position: -142px -70px;
  cursor: pointer;
}

#navigation a.pro {
  background-position: -305px 0;
  width: 165px;
}

#navigation .highlight a.pro:hover,
#navigation a.pro .hover {
  background-position: -305px -70px;
  cursor: pointer;
}

#navigation a.ic {
  background-position: -469px 0;
  width: 200px;
}

#navigation .highlight a.ic:hover,
#navigation a.ic .hover {
  background-position: -469px -70px;
  cursor: pointer;
}

#navigation a.por {
  background-position: -668px 0;
  width: 143px;
}



#navigation .highlight a.por:hover,
#navigation a.por .hover {
  background-position: -668px -70px;
  cursor: pointer;
}
#navigation a.bl {
  background-position: -810px 0;
  width: 97px;
}

#navigation .highlight a.bl:hover,
#navigation a.bl .hover {
  background-position: -810px -70px;
  cursor: pointer;
}


#navigation a.por2 {
  background-position: -668px -70px;
  width: 143px;
}
#navigation .highlight a.por2:hover,
#navigation a.por2 .hover {
  background-position: -668px -70px;
  cursor: pointer;
}
#navigation a.pw2 {
  background-position: 0 -70px;
  width: 142px;
}
#navigation .highlight a.pw2:hover,
#navigation a.pw2 .hover {
  background-position: 0 -70px;
  cursor: pointer;
}
#navigation a.wp2 {
  background-position: -142px -70px;
  width: 163px;
}

#navigation .highlight a.wp2:hover,
#navigation a.wp2 .hover {
  background-position: -142px -70px;
  cursor: pointer;
}
#navigation a.pro2 {
  background-position: -305px -70px;
  width: 165px;
}

#navigation .highlight a.pro2:hover,
#navigation a.pro2 .hover {
  background-position: -305px -70px;
  cursor: pointer;
}
#navigation a.ic2 {
  background-position: -469px -70px;
  width: 200px;
}

#navigation .highlight a.ic2:hover,
#navigation a.ic2 .hover {
  background-position: -469px -70px;
  cursor: pointer;
}
/* ______________________contacto____________________________________________________________________________________________________ */

#page_container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 904px;
	top: -18px;
}

.panel_button {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 1px;
	*top: -40px;
	width: 173px;
	background: url(images/panel_button.png);
	z-index: 20;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
	cursor: pointer;
}
.panel_button img {
	position: relative;
	border: none;
}
#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	text-align: center;
}
#toppanel {
	position: absolute;
	width: 900px;
	left: 0px;
	z-index: 25;
	text-align: center;

}
#panel {
	width: 900px;
	position: relative;
	top: 17px;
	*top: -1px;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
	color: #fff;
	
}
#panel_contents {
	background: black;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
	height: 100%;
	width: 900px;
	position: absolute;
	z-index: -1;
}
#content {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	position: relative;
	top: 20px;
	*top: 0px;
	text-align: left;
	background-color: #53544e;
	color: #fff;
	overflow: hidden;
}
.border {
	border: 15px #1d1d1d solid;
}
img.border {
	float: left;
	margin-right: 15px;
	margin-bottom: 8px;
}
img.border_pic {
	border: 15px #1d1d1d solid;
	position: absolute;
	top: 110px;
	float: left;
	margin-left: 150px;
	width: 250px;
	z-index: 30;
}
#footer {
	background-image: url(../images/pie.gif); background-repeat:repeat-x;
	position: relative;
	top: -10px;
	font-size: 10px;
	height: 344px;
	color: #ccc;
	padding-botom: 0px;
	margin: 0px;
}
#enlaces {margin: auto; width: 700px; padding-top: 20px;}
/* _______________________galería_________________________________ */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 604px;	 
	height:300px;	
	border: 1px solid #afaaa0;
	margin-top:20px;
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
}

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:118px;	
}



/* single item */
#thumbs div {
	float:left;
	width:200px;
	height:300px;
	background:#333 url(../images/h150.png) repeat-x 0 146px;
	color:#fff;
	border-left:1px solid #333;
	cursor:pointer;
}

/* style when mouse is over the item */
#thumbs div.hover {
	background-color:#9e7272;	
}

/* style when element is active (clicked) */
#thumbs div.active {
	background-color:#9e7272;
	cursor:default;
}

#thumbs h3, #thumbs p, #thumbs span {
	margin:18px;		
	font-size:13px;
	color:#fff;	
}

#thumbs h2 em {
	font-style:normal;
	color: #d29637;
}
/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../images/left.png) no-repeat;
	float:left;
	margin:135px 10px;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../images/right.png);
	clear:right;	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:460px;
	width:200px;
	height:20px;

}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
 	
	}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;  
  
} 	

.form1 {width: 420px; height: 110px;}