/* standard elements */
* {
	margin: 0;
	padding: 0;
}
a {
	color: #36C;
}
a:hover {
	color: #06F;
}
body {
	color: #444;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	background-attachment: fixed;
	background-color: #000000;
	background-image: url(img/bg_main.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	text-align:center;
}
input {
	color: #555;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
h1 {
	font-size: 1.4em;
	margin-bottom: 4px;
}
.titu h1 {
	color:#0066CC;
}
code {
	background: url(img/bgcode.gif);
	border: 1px solid #F0F0F0;
	border-left: 6px solid #39F;
	color: #555;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
cite {
	background: url(img/quote.png) no-repeat;
	color: #666;
	display: block;
	font: normal 1.3em "Lucida Sans Unicode",serif;
	padding-left: 28px;
}
h1,h2,h3 {
	color: #367EA6;
	padding-top: 6px;
}

/* misc */
.clearer {
	clear: both;
}

/* structure */
.container {
	background: url(img/bgcontainer.gif) repeat-y;
	margin:30px auto 30px auto;
	padding-bottom: 6px;
	width: 767px;
	height: auto;
	text-align:left;
}
.header {
	background-image: url(img/bg_header.gif);
	background-repeat: no-repeat;
	height: 101px;
	width: 767px;
}

/* title */
.title h1 {
	color: #FFF;
	font: normal 3em Verdana,sans-serif;
	margin-bottom: 8px;
	text-align: center;
}
/* main */
.main {
	clear: both;
	padding: 8px 18px;
	background-image: url(img/bgs.jpg);
	background-repeat:  repeat-x;
}

#menu {
	height: 50px;
	width: auto;

}
#idList {
	padding: 0px;
	margin: 0px;
}
#idList li   {
	height: 50px;
	width: 140px;
	float: left;
	list-style-type: none;
}
#idList li a.copy1 {
	display: block;
	height: 50px;
	width: 140px;
	list-style-type: none;
	background-image: url(img/bonton1.jpg);
	background-repeat: no-repeat;
}

#idList li a.copy1:hover {
	background-position: bottom;
}

#idList li a.copy2 {
	display: block;
	height: 50px;
	width: 140px;
	list-style-type: none;
	background-image: url(img/bonton2.jpg);
	background-repeat: no-repeat;
}

#idList li a.copy2:hover {
	background-position: bottom;
}
#idList li a.copy3 {
	display: block;
	height: 50px;
	width: 140px;
	list-style-type: none;
	background-image: url(img/bonton3.jpg);
	background-repeat: no-repeat;
}

#idList li a.copy3:hover {
	background-position: bottom;
}
#idList li a.copy4 {
	display: block;
	height: 50px;
	width: 140px;
	list-style-type: none;
	background-image: url(img/bonton4.jpg);
	background-repeat: no-repeat;
}

#idList li a.copy4:hover {
	background-position: bottom;
}
#idList li a.copy5 {
	display: block;
	height: 50px;
	width: 140px;
	list-style-type: none;
	background-image: url(img/bonton5.jpg);
	background-repeat: no-repeat;
}

#idList li a.copy5:hover {
	background-position: bottom;
}
/* content */
.content {
	float: left;
	width: 730px;
	margin: 20px 0 0 0;
}


.content .descr {
	color: #333;
	margin-bottom: 6px;
}
.content li {
	list-style: url(img/li.gif);
	margin-left: 25px;
	font-size: 1.2em;
	line-height:16px;
}
.item  {
	padding: 6px 12px;
	border: 1px solid #EEE;
	background: #FFF;
	margin-bottom: 8px;
}
#right {
	float: right;
	padding: 5px;
	width: 355px;
}
#left {
	float: left;
	padding: 5px;
	width: 355px;
}

.gal  {
	padding: 6px 12px;
	border: 1px solid #EEE;
	background: #FFF;
	margin-bottom: 8px;
	height:115px;
}
.gal img {
	background-position: left;
	float: left;
}

.des {
	width: 170px;
	float: right;
	height: 40px;
	text-align: left;
}

.pagi li{
	float:left;
	border: 1px solid #CCCCCC;
	padding: 4px;
	margin-left: 5px;
	list-style:none;
	display: block;
}
.pagi li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration:none;
}
/* footer */
.footer {
	background: #FFF;
	border: 1px solid #EEE;
	color: #666;
	font-size: 1.1em;
	margin: 0 auto;
	text-align: center;
	padding: 6px;
	width: 720px;
}
.footer a {
	color: #36C;
	text-decoration: none;
}
.footer a:hover {
	color: #06F;
	text-decoration: underline;
}

/*----------formulario----------------------------------------*/

img {
	border:0;
}
#form {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
	background:#FFF;
	padding:20px;
}

/*Forms defaults*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}
label.chosen {
	color:#333;
}

/*Transparent items*/
.transparent {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
	border:0px solid #FFF;
	background:#FFF;
	z-index:10;
	cursor:pointer;
}
.transparentFake {
	background:none;
	border:none;
}
.transparent2 {
	z-index:10;
}

/*Text inputs*/
.textinput, .textinputHovered {
	width:236px;
	height:15px;
	background:url(img/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinputHovered {
	background-position:left bottom;
}

/*Text areas*/
.textarea, .textareaHovered {
	width:336px;
	height:125px;
	background:url(img/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textareaHovered {
	background-position:left bottom;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {
	display:none;
}
.optionsDivVisible {
	display:block;
}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:69px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(img/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {
	background-position:left bottom;
}

/*Test div - testing if stylesheets are enabled*/
#stylesheetTest {
	position:absolute;
	left:-999px;
	width:10px;
	height:10px;
}
/*--------------------------------------------------------------*/

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 1px solid #FFFFFF;
}
.highslide:hover img {
	border: 1px solid #FFFFFF;
}

.highslide-image {
    border: 1px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

/* Parrafos Especiales */

blockquote {
	background: #F0F4FF url(img/parrafo-quote.png) 10px 20px no-repeat;
	color: #666!important;
	min-height: 35px;
	padding: 5px 20px 5px 55px;
	width: 425px;
	-moz-border-radius: 15px;
	}

blockquote p {
	text-align: justify;
	}

blockquote p.author {
	font-weight: bold;
	margin-top: -5px;
	text-align: right;
	}

.quote {
	background: url(img/parrafo-quote.png) 25px 4px no-repeat;
	margin: 10px auto;
	min-height: 35px;
	padding: 0 30px 0 67px;
	}

.alert {
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	}
	
.alert2 {
	background: #FFF6BF url(img/parrafo-alert.png) 10px center no-repeat;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	line-height: normal;
	padding: 10px 10px 10px 52px;
	text-align: center;
	}

.download {
	background: #D0F29D url(img/parrafo-download.png) 10px center no-repeat;
	border-top: 2px solid #9CD941;
	border-bottom: 2px solid #9CD941;
	line-height: normal;
	padding: 10px 10px 10px 52px;
	text-align: center;
	}
	
.construction {
	background: #ffcccc url(img/parrafo-cross.png) 10px center no-repeat;
	border-top: 2px solid #c90404;
	border-bottom: 2px solid #c90404;
	line-height: normal;
	padding: 10px 10px 10px 52px;
	text-align: center;
	}

.favorite {
	background: #FFF6BF url(img/parrafo-favorite.gif) 10px center no-repeat;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	line-height: normal;
	padding: 10px 10px 10px 52px;
	text-align: center;
	}

.info {
	background: #9DD1F2 url(img/parrafo-info.png) 10px center no-repeat;
	border-top: 2px solid #419ED9;
	border-bottom: 2px solid #419ED9;
	line-height: normal;
	padding: 10px 10px 10px 52px;
	text-align: center;
	}

.question {
	background: #9DD1F2 url(img/parrafo-question.png) 10px center no-repeat;
	border-top: 2px solid #419ED9;
	border-bottom: 2px solid #419ED9;
	line-height: normal;
	padding: 10px 10px 10px 52px;
	text-align: center;
	}

.code {
	background: #f2f2f2 url(img/parrafo-code.png) 10px 10px no-repeat;
	border-top: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	font: Courier, Fixed;
	min-height: 30px;
	padding: 10px 10px 10px 52px;
	text-align: left;
	}
	
code {
	background: #f2f2f2 url(img/parrafo-code.png) 10px 10px no-repeat;
	border-top: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	color: #A34;
	display: block;
	font: Courier, Fixed;
	min-height: 30px;
	padding: 10px 10px 10px 52px;
	text-align: left;
	}

li code {
	background: none;
	border: none;
	display: inline;
	padding: 0;
	text-align: inherit;
	}
	
.bluebox {
	background: #9DD1F2;
	border-top: 2px solid #419ED9;
	border-bottom: 2px solid #419ED9;
	padding: 5px 20px;
	text-align: center;
	}
	
.yellowbox {
	background: #FFF6BF;
	border-top: 2px solid #FFD324;
	border-bottom: 2px solid #FFD324;
	padding: 5px 20px;
	text-align: center;
	}
	
.redbox {
	background: #ffcccc;
	border-top: 2px solid #c90404;
	border-bottom: 2px solid #c90404;
	padding: 5px 20px;
	text-align: center;
	}
	
.greenbox {
	background: #D0F29D;
	border-top: 2px solid #9CD941;
	border-bottom: 2px solid #9CD941;
	padding: 5px 20px;
	text-align: center;
	}

.greybox {
	background: #f2f2f2;
	border-top: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	padding: 5px 20px;
	text-align: center;
	}

.alertboxr {
	background: url(img/rbox-alert.gif);
	background-repeat: no-repeat;
	padding: 12px 50px;
	text-align: left;
	}
	
.favoriteboxr {
	background: url(img/rbox-favorite.gif);
	background-repeat: no-repeat;
	padding: 12px 50px;
	text-align: left;
	}
	
.constructionboxr {
	background: url(img/rbox-construction.gif);
	background-repeat: no-repeat;
	padding: 12px 50px;
	text-align: left;
	}
	
.downloadboxr {
	background-image: url(img/rbox-download.gif);
	background-repeat: no-repeat;
	padding: 12px 50px;
	text-align: left;
	}

.questionboxr {
	background: url(img/rbox-question.gif);
	background-repeat: no-repeat;
	padding: 12px 50px;
	text-align: left;
	}

.infoboxr {
	background: url(img/rbox-info.gif);
	background-repeat: no-repeat;
	padding: 12px 50px;
	text-align: left;;
	}

.greyboxr {
	background: url(img/rbox-grey.gif);
	background-repeat: no-repeat;
	padding: 12px 50px;
	text-align: left;
	}
	
.down h3{
	color:#333333;
}
.down h2{
	color:#006699;
}	

	
/* Links de Parrafos Especiales*/

.download a, .alert2 a, .info a,
.question a, .favorite a, .construction a,
.code a, .bluebox a, .yellowbox a,
.redbox a, .greenbox a, .greybox a,
.downloadboxr a, .alertboxr a, .favoriteboxr a,
.infoboxr a, .questionboxr a, .constructionboxr a,
.greyboxr a {
	font-weight: bold;
	}

.download a:hover, .alert2 a:hover, .info a:hover,
.question a:hover, .favorite a:hover, .construction a:hover ,
.code a:hover, .bluebox a:hover, .yellowbox a:hover,
.redbox a:hover, .greenbox a:hover, .greybox a:hover,
.downloadboxr a:hover, .alertboxr a:hover, .favoriteboxr a:hover,
.infoboxr a:hover, .questionboxr a:hover, .constructionboxr a:hover,
.greyboxr a:hover {
	color: #f36 !important;
	font-weight: bold;
	text-decoration: none !important;
	}