*,
html {
    padding: 0;
	margin: 0;
	border: 0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}

body {
    width: 100%;
	height: 100%;
/*	background: #eaeaea url(../images/bgBody2.png) repeat-x;  */
    background: transparent url(../images/background.gif) repeat-x;
	color: #333;
	font: normal 80% Corbel, Calibri, "Myriad Pro", Helvetica, "Trebuchet MS", Arial, Sans-Serif;
}

#wrapper {
    width: 850px;
	height: 100%;
	margin: 0 auto;
}

.container { margin: 0 auto; }

.header { width: 850px; height: 180px; }
.content { width: 760px; padding: 20px 45px; background: url(../images/bgFlash.png) no-repeat; }
.footer { width: 760px; margin-top: 10px; }

#admin .idat { width: 500px; height: 321px; padding-bottom: 75px; background: url(../images/idat.png) no-repeat; }


/*________________________________________________________________________________________________________ GENERAL ______________*/


h1 { display: none; }
h2 { margin: 0; font: normal 1.9em Arial, Helvetica, "Corbel", "Myriad Pro", "Calibri", Sans-Serif; }
h3 { margin: 8px 0; color: #333; font: normal 1.4em/18px Corbel; line-height: .9em; }
h4 { margin: 5px 0; color: #333; font-size: 1.6em; }

#flashcontent p { width: 390px; padding-top: 20px; font: normal .85em Verdana, Arial, Sans-Serif; overflow: auto; }


/*______________________________________________________________________________________________ LINKS y LISTAS ________________________*/


a:link,
a:active,
a:visited { color: #fff; font: 1em normal Arial, Sans-Serif; text-decoration: none; }
a:hover { color: #599fc3; }

#admin a:hover { color: #ddd; }
#admin .idat li a:hover { color: #f00; }

#admin p a { color: #38f; }
#admin p a:hover { color: #38f; text-decoration: underline; }


#admin .container ul { padding: 50px; margin: 0; list-style-type: none; }
#admin .container li { font-size: 3.8em; }
#admin .container li a { color: #333; }

#leftHeader ul,
#rightHeader ul { list-style-type: none; }

#rightHeader ul { width: 100px; height: 100px; float: right; margin-top: 50px; }
#rightHeader ul li {
    padding: 2px 0;
	margin-right: 3px;
	text-align: right;
	border-bottom: solid 1px #fff;
	font: .85em normal Arial, Sans-Serif;
}



ul.news,
ul.partners {
    height: 363px;
	padding: 0;
	margin: 0 0 22px 0;
	list-style-type: none;
	overflow: auto;
}
ul.news li,
ul.partners li { width: 720px; clear: both; display: block; margin-bottom: 30px; border-bottom: dotted 1px #ccc; }
ul.news li { padding: 20px 0 55px 0; }
ul.partners li { height: 80px; }

ul.news li div,
ul.partners li div { height: 100%; display: block; float: left; }

ul.news li h3,
ul.partners li h3 { clear: both; font: bold 13px "Myriad Pro", "Corbel", Arial, Sans-Serif; }

ul.news li p,
ul.partners li p { color: #666; font: normal .85em Arial, Sans-Serif; }

ul.news span { color: #6e557a; font: normal 11px Arial, Sans-serif; }
ul.partners li big { color: #6e557a; font: normal 15px Arial, Sans-Serif; }

ul.news img { padding-top: 30px; }

ul.partners li address { color: #333; font: normal 10px Arial, Sans-Serif; font-style: normal; }
ul.partners li address a { color: #08c; font: normal 10px Arial, Sans-Serif; }
ul.partners li address a.mailto { color: #983; }
ul.partners li address a:hover { text-decoration: underline; }



/*______________________________________________________________________________________________ HEADER ___________________________*/


#leftHeader { width: 645px; height: 100%; float: left; }
.leftHeaderMid { width: 320px; height: 100%; float: left; }

#rightHeader { width: 100px; height: 170px; float: right; }


/*--------------------------------------------- CABECERA RODANTE -------*/

#banner {
	width: 640px;
	height: 165px;
	position: relative;
	clear: both;
    padding: 0;
	margin: 0 auto;
}

#banner ul { padding: 0; margin: 20px 0 0 0; }
#banner li {
	width: 320px;
	height: 100px;
    padding: 0;
	margin: 0;
}

#banner li h3 { height: 35px; }
#banner li p { color: #666; font: normal .8em/10px Arial, Sans-Serif; line-height: 1em; }
#banner li a { display: block; cursor: pointer; }

#banner li div { height:100%; float:left; }
.uno { width: 19px; }
.dos { width: 50px; }
.tres { width: 201px; margin-left: 10px; }
.cuatro { width: 40px; }


.jcarousel-container { position: relative; }
.jcarousel-container-horizontal { width: 320px; height: 100px; }

.jcarousel-clip {
	width: 640px;
	height: 165px;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.jcarousel-list { position: relative; overflow: hidden; z-index: 1; }
.jcarousel-list li { width: 320px; height: 320px; float: left; list-style: none; }

.jcarousel-control { margin-top: 10px; z-index: 4; }
.jcarousel-control a { padding: 5px; color: #fff; display: hidden; background: url(../images/none.png) no-repeat; }
.jcarousel-control a:hover { color: #b7e1f7; }

.uno { background: url(../images/button/1.png) no-repeat; }
.none { background: url(../images/button/none.png) no-repeat; }

/*______________________________________________________________________________________________ CONTENT _____________________________*/


#logo { padding-top: 32px; }



/*______________________________________________________________________________________________ FOOTER ______________________________*/


#copi { float: right; margin-right: 1px; }
#copi p { color: #aaa; font: .8em normal Verdana, Sans-Serif; }



/*_______________________________________________________________________________________________ ADMIN ______________________________*/


.buttons {
    width: 500px;
	height: 200px;
	background: url(../images/buttons.gif) no-repeat 329px bottom;
}
.buttons a:link,
.buttons a:visited,
.buttons a:active { float: left; color: #fff; font: normal 13px "Corbel", Sans-Serif; }

#admin a.volver {
	padding: 175px 5px 10px 358px;
	background: transparent url(../images/volver.gif) no-repeat right bottom;
}
#admin a.salir {
	padding: 175px 55px 10px 25px;
	background: transparent url(../images/salir.gif) no-repeat left bottom;
}



/*_______________________________________________________________________________________________ FORMULARIOS __________________________*/


#contacto fieldset { padding: 20px 0 89px 0; }

#contacto label {
    color: #757575;
	font: .85em/11px Verdana, Arial, Helvetica, Sans-Serif;
	line-height: 1.5em;
}

#contacto input,
#contacto select,
#contacto textarea {
    width: 290px;
	float: left;
	padding: 2px 5px;
	background-color: #fff;
	border: solid 1px #e4dfd6;
	color: #484848;
	font: 11px verdana, arial, helvetica, sans-serif;
}
#contacto textarea { height: 80px; overflow: auto; }

#contacto input.submit { width: 0; height: 0; border: none; visibility: hidden; }

#contacto .submit {
    width: 70px;
	height: 16px;
	display: block;
	clear: both;
	float: right;
	margin: 0;
	padding: 0;
	background: #6e557a;
	color: #fff;
	cursor: pointer;
	font: normal .85em Verdana, Arial, Helvetica, Sans-Serif;
	text-align: center;
}
#contacto .submit:hover { background: #5e7596; text-decoration: none; }




#admin fieldset {
    width: 375px;
	clear: both;
	display: block;
}
#admin .login fieldset {
	padding: 18px 0 211px 30px;
	margin: 10px auto;
    height: 120px;
	background: transparent url(../images/login.png) no-repeat;
}
#admin .idat fieldset { padding: 65px 0 0 0; margin: 0 auto; }
#admin .login fieldset label { color: #e9e9e9; }

#admin label,
#admin input,
#admin textarea { font: normal .85em Verdana, Arial, Sans-Serif; }


#admin .login input { background: #eee; }
#admin .idat input,
#admin .idat textarea { width: 100%; background: #fff; border: solid 1px #bbb; }
#admin .idat select { border: solid 1px #bbb; }

#admin .login h2 { margin: 0 0 0 210px; }


#admin input { padding: 2px; font-size: .85em; }
#admin input.submit { width: 0; height: 0; border: none; visibility: hidden; }

#admin .submit {
    width: 70px;
	height: 16px;
	display: block;
	clear: both;
	float: right;
	margin: 0;
	padding: 0;
/*	background: #6e557a; */
	color: #fff;
	cursor: pointer;
	font: normal .85em Verdana, Arial, Helvetica, Sans-Serif;
	text-align: center;
	text-decoration: none;
}
#admin .login .submit { background: #bbb; color: #333; }
#admin .idat .submit { background: #333; }

#admin .submit:active,
#admin .submit:hover { background: #f00; color: #fff; text-decoration: none; }


.lista { width: 100%; height: 167px; overflow: auto; }



/*__________________________________________________________________________________________________________________ LEGAL _____________*/


body#legal { margin: 0; background: #fff; }

#legal #header { width: 100%; height: 60px; padding-bottom: 10px; background: #fbfbfb; border-bottom: solid 1px #e9e9e9; }
#legal h2 { padding: 20px 10px; }
#legal p { font-size: 11px; padding: 0 10px; }