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

body {
margin:10px 0 5px 0;
padding:0; 
text-align:center;
background:url(imagenes/bg.jpg) #C00 repeat-x;} 

#contenedor {
width:850px; 
height:auto; 
margin:auto;
padding:0;
background:url(imagenes/bg_pag.png) repeat-y top left;} 

#header { 
width:850px; 
height:311px;
background:url(imagenes/bg_header.png) #FFF no-repeat right top; 
position:relative;}

#header h1 a{
margin:0;
display: block;
overflow:hidden;
text-indent:-2000px;
background:url(imagenes/logo.jpg) no-repeat top left ;
height: 53px;
width: 467px;
position: absolute;
top: 13px;
left: 70px;}

#header h2 a{
margin:0;
display: block;
overflow:hidden;
text-indent:-2000px;
background:url(imagenes/bg_contacto.png) no-repeat top left ;
height: 113px;
width: 227px;
position: absolute;
top: 190px;
left: 610px;}

#my_slideshow {
width:565px; 
height:215px;
float:left;
margin:0;
/*margin:53px 0 0 29px;*/
position: absolute;
top: 53px;
left: 29px;}

#my_fix {
width:565px; 
height:215px;
float:left;
margin:0;
/*margin:53px 0 0 29px;*/
position: relative;
top: 53px;
left: 29px;}

#menu_nav{
width:850px;
height:46px;
background: url(imagenes/bg_menu.png) repeat-y top left;
/*font: bold 14px;*/
padding:10px 0 0 15px;
margin:0 ;}

#sub_menu{
width:840px;
height:auto;
position:relative;
float: left;
clear: left;}

#home{
width:800px;
height:auto;
position:relative;
clear: none;}

#contenido {
text-align:left;
width:810px;
height:auto;
padding:0 10px 10px 0;
position:relative;}

#mapa{
width:465px;
height:420px;
padding:10px;
margin:0 0 0 40px;
float:right;
clear:right;
background-color:#333;
border:#333 1px solid;} 

#formulario{
width:260px;
height: auto;
float:left;} 

p{
margin:0;
font-size:13px;
padding:0 0 0 15px;
font-family: Arial, Helvetica, sans-serif ;
color: #000;
font-weight:400;}

p img {margin: 5px;} /* espacio entre el texto y la imagen */
img.right {float: right;} /* Para alinear a la derecha */
img.left {float: left} /* Para alinear a la izquierda */

p a{color:#000;
text-decoration:none;}

p a:hover{ color:#06F;}

#menu_abajo{
margin:5px;
padding:0;
width:840px;
height:40px;
border-top:#000 1px solid;}  

#menu_abajo p {
margin:0;
padding:10px;
color:#333;}

#menu_abajo p a{
text-decoration:none;
font-family: Arial, Helvetica, sans-serif ;
color:#333;
font-weight:700;}

#menu_abajo p a:hover{ color: #F00;}

#pie {
width:850px; 
height:65px;
background:url(imagenes/bg_pie.png) no-repeat top left;
position:relative;
/*clear:both;*/}

#pie h1 a{
margin:0;
display: block;
overflow:hidden;
text-indent:-2000px;
background: url(imagenes/logotipo_pixel11.png) no-repeat top left ;
height: 40px;
width: 153px;
position: absolute;
top: 13px;
left: 20px;}

#pie p {
text-align:center;
margin:0;
padding:5px 10px 0 10px;
color:#FFF;}

#pie p a{
text-decoration:none;
padding:0;
font-family: Arial, Helvetica, sans-serif ;
color: #FFF;
font-weight:400;}

#pie p a:hover{ color: #F00;}

h1 {
font-size: 45px;
color: #C30;
margin:0;
padding:10px 10px 10px 15px;
font-family: Arial, Helvetica, sans-serif; 
font-weight:400; }

h2 {
color:#C30;
padding:0 10px 0 15px;
font-family: Arial, Helvetica, sans-serif; 
font-weight:400; }

p strong { color:#F00;}

p strong a{ color: #333;}

.style1 {font: bold 16px Arial;
	color:#000;}
	
.style1 a{font: bold 16px Arial;
	color:#000; text-decoration:none;}	

.style1 a:hover{font: bold 16px Arial;
	color:#F00; text-decoration:none;}
	
.style2 {font: bold 13px Arial;
	color: #03F;}		
/*---------------menu-------------------------------------*/
#modernbricksmenu{
padding: 0;
width: 850px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;}

#modernbricksmenu ul{
font: 800 14px  Trebuchet MS, Arial, BankGothic Md BT;
margin:0 0 0 0;
padding: 0;
list-style: none;}

#modernbricksmenu li{
display: inline;
margin: 0 0 0 0;
padding: 0;
/*text-transform:uppercase;*/}

#modernbricksmenu a{
float: left;
display: block;
color: #FFF;
margin: 0 0 0 0; 
padding: 18px 10px 10px 10px;
text-decoration: none;
background-color: #C00; /*color menu */}

#modernbricksmenu a:hover{
background-color: #333; /*fondo Menu hover */}

#modernbricksmenu #current a{ /*solapa de la seccion*/
color: #000000;
background:url(imagenes/on.png) #FFF;
border:#FFF 1px solid; }

/*-------------------------------------------------------galeria----------------------------------------*/

.e2_photo_gallery {
width:650px;
margin:0px auto;
min-width:650px;
color:#fff;}

.e2_photo_gallery .hd .c,
.e2_photo_gallery .ft .c {
font-size:1px; /* ensure minimum height */
height:13px;}

.e2_photo_gallery .ft .c {
height:14px;}

.e2_photo_gallery .hd {
background:transparent url(designs/gray/tl.gif) no-repeat 0px 0px;}

.e2_photo_gallery .hd .c {
background:transparent url(designs/gray/tr.gif) no-repeat right 0px;}

.e2_photo_gallery .bd {
background:transparent url(designs/gray/ml.gif) repeat-y 0px 0px;}

.e2_photo_gallery .bd .c {
background:transparent url(designs/gray/mr.gif) repeat-y right 0px;}

.e2_photo_gallery .bd .c .s {
margin:0px 8px 0px 4px;
background:url(designs/gray/ms.jpg) repeat-x 0px 0px;
padding:1em;}

.e2_photo_gallery .ft {
background:transparent url(designs/gray/bl.gif) no-repeat 0px 0px;}

.e2_photo_gallery .ft .c {
background:transparent url(designs/gray/br.gif) no-repeat right 0px;}

/* content-specific */

.e2_photo_gallery h1 {
/* header */
font-size:2em;
margin:0px;
padding:0px;
margin-top:-0.6em;}

.e2_photo_gallery p {
margin:0.5em 0px 0px 0px;
padding:0px;
font:0.95em/1.5em arial,tahoma,"sans serif";}

html>body .e2_photo_gallery pre {
font-size:1.1em;}


#main_image_wrapper{position:relative;border:1px solid #CCC; width:600px; height:399px;background: #FFF url(rsrc/loading_image.gif) no-repeat 50% 50%;}
#imgloader{text-align:center;vertical-align:middle;}
#thumbbox{border:solid 1px #CCC;text-align:center;width:590px;position:relative;padding:5px;}
#thumb_container{position:relative;overflow:hidden;width:550px;height:105px;margin:0 0 0 30px;}
#thumbs img{margin-right:4px;vertical-align:top;}
#thumbs a img{border:1px solid #FFF;}
#thumbs a:hover img{border:1px solid #333;}
#thumbs a:hover{color:red;}
#photocount{
color:#FFF;
font-size:10px;
float: left;
width: 48%;
text-align: left;
left:0;}

#back{position:absolute;top:0;left:0;visibility:hidden;z-index:1001;}
#more{position:absolute;top:0;left:568px;float:right;z-index:1001;}
.morelink:hover{font-size:11px;color:#FFF;text-decoration:underline;}
#thumbgall{position:absolute;left:0;top:0;white-space:nowrap;z-index:1000;}
#widthbox{position:relative;display:inline;left:0;top:0;padding:1px;}
#imgbox{width:80px;height:80px;display:inline;position:absolute;text-align:center;}
#iptc_btn{width:100%;text-align:right;position:absolute;left:0;top:0;z-index:999;}
#iptc_info{position:absolute;bottom:0;left:0;height:auto;width:100%;background-color:#000;color:#CCC;font-size:10px;line-height:140%;text-align:left;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.iptc_left{float:left;text-align:right;width:18%;color:#FFF;padding:0 0 0 2%;}
.iptc_right{float:right;text-align:left;width:79%;}

#rightmore li a{background:url(designs/gray/right_more.gif) no-repeat;display:block;color:#fff;text-decoration:none;width:100%;padding:0;}
#rightmore li a:hover{background:url(designs/gray/right_more_over.gif) no-repeat;color:#fff;height:115px;}

#leftmore li a{background:url(designs/gray/left_more.gif) no-repeat;display:block;color:#fff;text-decoration:none;width:100%;padding:0;}
#leftmore li a:hover{background:url(designs/gray/left_more_over.gif) no-repeat;color:#fff;height:115px;}

.spacing{padding:1px;}
.morelink:link,.morelink:visited{font-size:11px;color:#FFF;text-decoration:none;}
#rightmore,#leftmore{color:#333;height:115px;width:32px;padding:0;}
#rightmore ul,#leftmore ul{list-style:none;border:none;height:115px;margin:0;padding:0;}
#rightmore li,#leftmore li{height:115px;margin:0 0 0 -10px;}
html>body #rightmore li a,html>body #leftmore li a{width:auto;}

#pn_overlay{position:absolute; top:0; left:0; width:100%; height:100%; z-index:998;}
#prev, #next{
width: 30%;
height: 100%;
background: transparent url(rsrc/blank.gif) no-repeat; /* Trick IE into showing hover */
outline:none;}

#prev { left: 0; float: left; outline: none; -moz-outline: none; visibility:hidden;}
#next { right: 0; float: right; outline: none; -moz-outline: none;}
#prev:hover, #prev:visited:hover { background: url(rsrc/prev.gif) left 50% no-repeat; }
#next:hover, #next:visited:hover { background: url(rsrc/next.gif) right 50% no-repeat; }
#imgtitle{width:600px; font-size:.8em; text-align:center; color:#FFF; display:block}
#imgtitle h2{font-size:1.3em; margin:0; padding:0}
#thumbtoggler {
text-align: right;
float: right;
width: 48%;
right:0;
z-index:1100;}

#thumbdisplay {
width: 600px;}
.clear{clear:both;}
#e2link {font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
padding:5px 0;
color: #FFFFFF;
text-align:left;}

#e2link a {
color: #FFFFFF;
text-decoration:none}

.tooltip {
color: #fff;
width: 150px;
z-index: 15000;
text-align:left;}

.tooltip h4 {
font-weight: bold;
font-size: 12px;
margin: 0px;
padding: 8px 8px 2px;
background:#000;}

.tooltip p {
font-size: 11px;
padding: 1px 8px 8px;
margin:0px;
background: #000;}

#thumbhide {
position: relative;
overflow:hidden;}

/*------------------sub menu-------------------------*/

.glossymenu{
list-style-type:none;
margin: 0 0 0 10px;
padding: 0;
width: 780px;}

.glossymenu li a{
background:url(imagenes/bg_submenu.png) no-repeat left top;
font: bold 14px Arial, Helvetica, sans-serif;
color: #333;
display:block;
width: auto;
margin:0;
padding: 0 0 0 20px;
text-decoration: none;
line-height: 40px;}

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 770px;}

.glossymenu li a:visited, .glossymenu li a:active{
color: #333;}

.glossymenu li a:hover{
color: #FFF;
background:url(imagenes/bg_submenu_over.png) no-repeat left top;}

#tablita {
font-size:13px;
padding:0 0 0 15px;
font-family: Arial, Helvetica, sans-serif ;
color: #000;
font-weight:400;
}