
<!--
body {
	
	margin: 0 auto;
	background-color:#FFFFEB;
	
	
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4A4A4A;
}
.top{
position:absolute;
top: 0; 
left: 0; 
width: 100%; 
height: 48px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-image:url(bg-opt-out-bar.png);
background-position:top;
background-repeat:repeat-x;

}
a:link {
	color: #37669A;
	text-decoration: none;
}
a:visited {
	color: #37669A;
	text-decoration: none;
}
a:hover {
	color: #37669A;
	text-decoration: underline;
}
a:active {
	color: #37669A;
	text-decoration: none;
}

a{
outline-style: none;
}
-->

.Estilo6 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.Estilo11 {color: #003300;
	font-weight: bold;
}
.style9 {font-size: 11px}

.gallerycontainer{
position: relative;

/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #ffffec;
margin: 0 0px 0px 0;

}

.thumbnail:active, .thumbnail:focus{
background-color: transparent;
}

.thumbnail:active img, .thumbnail:focus img{
border: 0px solid #000000;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffec;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
height:330px;
width:620px;
top: -345px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}

.thumbnail:active span, .thumbnail:focus span{ /*CSS for enlarged image*/
visibility: visible;
top: -345px;
left: 0px; /*position where enlarged image should offset horizontally */

}


.thumbnailok img{
border: 1px solid #ffffec;
margin: 0 0px 0px 0;

}

.thumbnailok:active, .thumbnailok:focus{
background-color: transparent;
}

.thumbnailok:active img, .thumbnailok:focus img{
border: 0px solid #000000;
}

.thumbnailok span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffec;
padding: 5px;
border: 1px dashed gray;
visibility: visible;
color: black;
text-decoration: none;
height:330px;
width:620px;
top: -345px;
left:0px;
}

.thumbnailok span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}

.thumbnailok:active span, .thumbnailok:focus span{ /*CSS for enlarged image*/
visibility: visible;
top: -345px;
left: 0px; /*position where enlarged image should offset horizontally */

}

.Estilo10 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.Estilo11 {
	color: #003300;
	font-weight: bold;
	}

.Estilo13 {
font-size: 17px;
font-weight: bold;
color: #FFFFFF}


.Estilo14 {
font-size: 12px;
color:#FFF; }
.Estilo15 {color: #000000}

.shadow{
border:1px solid silver;

}


ul
{
margin-top:5px;
margin-bottom:5px;
padding-left:15px;
list-style:circle;
color:#C1BAB4;
}
li
{

list-style:circle;
color:#C1BAB4;
}

.imagenpe{
max-height:66px;
max-width:80px;
}

h2{
padding:0px;
margin:0px;}
h1{
padding:0px;
margin:0px;
font-size:22px}

a.boldbuttons{
background-color:#BB2D2D;
display: block;
letter-spacing: 0.5px;
text-transform:uppercase;
padding: 10px 10px;
border:solid 1px #411515;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
text-decoration: none;
font-weight:bold;
}
a:hover.boldbuttons{ /* Hover state CSS */
background-color:#411515;
}
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

<!--
.Estilo16 {color: #4A4A4A}
.style1 {font-size: 14px}
-->
.stepcarousel{
position: relative; /*leave this value alone*/
border-top: 5px solid   #E9E9E9;
border-bottom: 5px solid   #E9E9E9;
border-left: 15px solid   #E9E9E9;
border-right: 15px solid   #E9E9E9;
background-color:#FFFFFF;
overflow: scroll; /*leave this value alone*/
width: 810px; /*Width of Carousel Viewer itself*/
height: 125px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 14px; /*margin around each panel*/
width: 100px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */


}
.style2 {font-size: 12}
.style8 {font-size: 14px}
.style7 {color: #494949; font-weight: bold; margin-left:88px; }
.Estilo16 {color: #4A4A4A}
.style1 {color: #000000}
.style4 {font-size: 18px}
.style5 {font-size: 13px}

.de5{
height:5px;}


.commentbox{
position:absolute;
font-size:12px;
top:30px;
left:20px;
background-color: #ececec;
width:120px;
padding: 12px;
}

.commentfooter{
background: url(arrow.gif) 30px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 100px;
top: 85px;
left:20px;
padding-top: 1px;
position:absolute;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}

.div_top{
width:100%;
background:transparent url(bg-opt-out-bar.png) repeat-x scroll 0 bottom;
font-size:1.28em;
line-height:1.3;
margin-bottom:-6px;
overflow:hidden;
padding:4px 0 11px;
}

.div_top2{
width:100%;
background:transparent url(bg-opt-out-bar.png) repeat-x scroll 0 bottom;
font-size:1.28em;
line-height:1.3;
margin-bottom:-6px;
overflow:hidden;
padding:4px 0 11px;
}


.div_990{
width:850px;

margin: 0 auto;
}

.div_logo{
position:relative;
top:5px;
left:0px;
width:850px;
height:40px;


}
.div_titulo{
position: absolute;
left:300px;
top:5px;}
.div_wall{
position: absolute;
right:7px;
width:200px;
top:10px;}

.div_buscador{
position: relative;
left:5px;
top:45px;
width:840px;
height:auto
}

.div_galery{
position: relative;
left:5px;
top:60px;
width:850px;
height:auto
}
.div_medio{
position: relative;
left:0px;
top:60px;
width:850px;
height:auto;
}
.div_trabajo{
position: relative;
left:0px;
top:60px;
width:850px;
height:auto;
}
.pie_1{
position: relative;
left:0px;
top:60px;
width:850px;
height:auto;
}
.pie_2{
position: relative;
left:0px;
top:60px;
width:850px;
height:auto;
}
.pie_bot{
position:fixed;
width:99%;
height:auto;
bottom:-4px;
}
.adsense_derecho{
position:absolute;
right:140px;
top:110px;}

.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#888; margin:0 5px;}
.b2 {height:1px; background:#FFFFFF; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.b3 {height:1px; background:#FFFFFF; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.b4 {height:2px; background:#FFFFFF; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.bcontent {background:#FFFFFF; border-right:1px solid #888; border-left:1px solid #888; padding-left:5px; padding-right:5px;}
a{
outline-style: none;
}

.div_209{
width:209px;
padding:3px;
margin:3px;
height:auto;
border-top:solid 1px #9A8E83;
background-image:url(cate_titulo.jpeg);
background-position:top;
background-repeat:repeat-x;}
.div_850{
width:837px;
padding:3px;
height:auto;
border:solid 1px #CCCCCC;
background-image:url(cate_titulo.jpeg);
background-position:top;
background-repeat:repeat-x;}

.div_mapa{
width:200;
height:auto;

background-color:#FFFFFF;
border:solid 1px #CCCCCC;
padding:3px;
}
.div_mapa_ad{
width:200;
height:auto;
background-color:#FFFFFF;
border:solid 1px #CCCCCC;
padding:3px;
}
.div_mapa_adw{
width:200;
height:auto;
background-color:#FFFFFF;
border:solid 1px #CCCCCC;
padding:3px;
}