/* Documento CSS CreativeSite@hotmail.com  */

* {margin: 0; padding: 0;}

/**************************************** Main structure ****************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-image: url(images/web/menu_spacer.jpg);
	color: #669;
}

#container {/* Encima de Logotipo */
	width: 900px;
	margin: auto;
	font-size: 1.2em;
			}

#top_nav {
	background-image: url(images/web/nav_top2.jpg);
	height: 20px;
	padding-top: 15px;
	text-align: right;
	padding-right: 20px;
	color: #7E0200;
	text-decoration: none;
}

#header { /*Logotipo */
	background-image: url(images/web/top2.jpg);
	height: 166px;
	margin-left: 0px;
	margin-right: 0px;
}

#main_nav {/*Menú horizontal */
	background-image: url(images/web/main_nav1.jpg);
	height: 15px;
	padding-right: 20px;
    text-align: right;
	padding-top: 4px;

}

#contentwrapper {
	background-image: url(images/web/contentwrapper.jpg);
	/*background-repeat: repeat-y;*/
}

#left {
	float: left;
	width: 160px;
	padding-top: 15px;
	margin-left: 10px!important;
	margin-left: 7px;
	margin-right: 7px;
	font-size: 0.9em;
}

#right {
	float: right;
	width: 160px;
	padding-top: 15px;
	margin-right: 10px!important;
	margin-right: 7px;
	font-size: 0.9em;
}


#content {
	margin-right: 195px;
	margin-left: 195px;
	padding: 5px 0;
	text-align: justify;

}

#footer {
	background-image: url(images/web/footer.jpg);
	height: 32px;
	clear: both;
	text-align: center;
	padding-top: 20px;
}
/***********************Imagenes Visor ****************************/

#gallery {
	position:relative; 
	width:310px; 
	margin:10px auto; 
	padding:1px; 
	border:5px solid #660000; 
	background:#F1F1F1;
}
#images {
	border:1px solid #9ac1c9;
	height:210px; 
	background:#686262; 
	margin-bottom:20px
}
#image {
	position:relative; 
	width:300px; 
	height:220px; 
	padding:2px; 
	border:3px solid #660000; 
	background:#ffffff url(images/web/loading.gif) 
	center center no-repeat
}
#image img {
	position:absolute; 
	top:10px; 
	left:10px
}
#thumbwrapper {
	margin-top:2px;
	padding:1px 0; 
	width:304px; 
	height:50px; 
	border:3px solid #660000; 
	background:#ffffff;
}
#thumbarea {
	position:relative; 
	overflow:hidden; 
	height:50px; 
	width:305px; 
}
#thumbs {
	position:absolute;
	list-style:none;
	margin-left:5px;
	height:50px;
	width:10000px;
	border-right:1px solid #039;
	left: -7px;
	top: 1px;
}
#thumbs li {
	float:left; 
	margin-right:5px; 
	cursor:pointer;
}
.imgnav {
	position:absolute;
	height:220px;
	width:10px;
	z-index:100;
	height:220px;
	width:10%;
	z-index:100;
	outline:none;
	cursor:pointer;
	top: 4px;
}
#previmg {
	left:4px; 
	background:url(images/web/left.gif) 
	left center no-repeat; 
	border-left:10px solid #ffffff;
}
#previmg:hover {
	opacity:1; 
	filter:alpha(opacity=100)
}
#nextimg {
	right:4px; 
	background:url(images/web/right.gif) 
	right center no-repeat; 
	border-right:10px solid #ffffff;
}
#nextimg:hover {
	opacity:1; 
	filter:alpha(opacity=100)
}

/**************************************** tablas ****************************/
#ver-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 11px;
	margin: 0px;
	width: 510px;
	text-align: left;
	border-collapse: collapse;
}
#ver-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #039;
}
#ver-zebra td
{
	padding: 7px 13px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	color: #669;
}
.vzebra-odd
{
	background: #eff2ff;
}
.vzebra-even
{
	background: #e8edff;
}
#ver-zebra #vzebra-adventure, #ver-zebra #vzebra-children
{
	background: #d0dafd;
	border-bottom: 1px solid #c8d4fd;
}
#ver-zebra #vzebra-comedy, #ver-zebra #vzebra-action
{
	background: #dce4ff;
	border-bottom: 1px solid #d6dfff;
}

/**************************************** text, images, lists ****************************/

img.float_left {
	float: right;
}

p {
	margin-top: 15px;
	margin-bottom: 15px;
}
a {
	cursor: pointer;
	text-decoration: none;
	/*font-weight:bold;*/
}
a:hover {
	border-bottom: none;
}

a img {
	border: none;
}
p.topnav, .copyright {
	margin: 0;
}
#content li{
	margin-left: 20px;
}
#right li{
	margin-left: 14px;
}

h2 {
	font-size:12px;
	color: #660000;
	background-image: url(images/web/h2.jpg);
	background-repeat: repeat-x;
	height: 20px;
	padding-top: 3px;
	margin-bottom: 10px;
	text-align: center;
}

h3 {
	background-image: url(images/web/sidebar_heading4.jpg);
	font-size: 12px;
	height: 19px;
	width: 248px;
	color: #FFFFFF;
	padding-top: 4px;
	padding-left: 8px;
}

h4 {
	background-image: url(images/web/sidebar_heading.jpg);
	font-size: 1em;
	height: 19px;
	width: 125px;
	color: #660000;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 24px;
}

dl {
	margin-top: 20px;
	margin-bottom: 20px;
}

dt {
	border-bottom: 1px solid white;
	padding: 3px;
	margin-bottom: 5px;
	background-image: url(images/web/sidebar_heading.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 10px;
		font-weight:bold;
	color: #660000;
	text-align: center;
}

dd {
	margin-bottom: 12px;
}


/***********************Imagenes ZOOM ****************************/

.PopBoxImageSmall
{
	border: none 0px #ffffff;
	cursor: url("PopBox/images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("PopBox/images/magminus.cur"), pointer;
}
.PopBoxImageShrink
{
	cursor: url("PopBox/images/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}


/***************************** Menu ****************************/

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	}

hr {
	border:none;
	border-top:1px solid #CCCCCC;
	height:1px;
	margin-bottom:25px;
	}

ul.vert-one{
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	line-height:210%;
	width:155px;
	}

ul.vert-one li{
	margin:0;
	padding:0;
	border-top:1px solid #4D0000;
	border-bottom:1px solid #761A1A;

	}

ul.vert-one li a{
	display:block;
	text-decoration:none;
	color:#fff;
	background:#600;
	padding:0 0 0 18px;
	width:138px;
	}

ul.vert-one li a:hover{
	background:#900 0 9px;
	color: #F1F1F1;
	}

ul.vert-one li a.current,ul.vert-one li a.current:hover{
	background:#933 0 9px;
	}

/**************************************** Contact form ****************************/

label {
	font-size: 10px;
	font-weight:bold;
}

form.contact_us {
	width: 250px;
	margin-top: 5px;
	padding: 5px;
}

input.fields_contact_us {display: block;
        width: 200px;
        background: #FFFFFF;
		border-top: 1px solid #E5E3E4;
		border-left: 1px solid #E5E3E4;
		border-bottom: 1px solid #EDEDED;
		border-right: 1px solid #EDEDED;
		margin-top: 3px;
	    margin-bottom: 3px;}

textarea {width: 400px;
          height:200px;
          background: #FFFFFF;
		  border-top: 1px solid #E5E3E4;
		  border-left: 1px solid #E5E3E4;
		  border-bottom: 1px solid #EDEDED;
		  border-right: 1px solid #EDEDED;
		  display: block;
          margin-top: 3px;}

.submit_button_contact {
/*	margin-top: 15px;
	margin-left: 175px;*/
	padding: 2px;
	background-color: #660000;
	cursor: pointer;
	color: #FFFFFF;
}