/* CSS Document */


/* Global
================================================*/
* {
	margin:0;
	padding:0;	
}

body,html { background:#fff; width: 100%;}

body {
	color:#333;
	font:80%/150% "Trebuchet MS", Arial, Sans Serif ;
	margin: 0 auto;
	width: 100%;
}

p {
	text-indent: 1em;
	margin: 0 1em 1em 1em;
	text-align: justify;
}

p.ni {
	text-indent: 0;
}


/* Layout
================================================*/
#wrapper { /* Cubre todo para hacer el layout elastico  */

	margin: 0 auto;
	width: 100%;
	position:relative;
}

#content{ /* Cubre el header, el contenido y el sidebar */
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	margin: 0;
}

#main { /* contenido principal */
	float:left;
	width:57%;
	margin:1em 1.2% 0 1.2%;
	overflow:hidden;	
}

#admin { /* contenido principal */
	float:left;
	width:76%;
	margin:1em 1.2% 0 2.2%;
	overflow:hidden;	
}
	
#sidebarL,  #sidebarR { /* varas aleatorias por definir */
	font-size:0.94em;
	line-height:1.3em;
	float:left;
	width:20%;
	height: 600px;
	margin:1em 0 0 0;
	padding: 0 0 0 0;	
	background-color:#E6F3FF; 
	overflow:hidden;	
}

#sidebarL, #sidebarR h3{
	text-align: center;
	font-weight:bolder;
	line-height: 150%;
}

#sidebarR {float:right;}  

#contact{ /* la linea de texto del contacto, es necesario este div para que la vara funque tuanis */
	clear:both;
	margin:0 0 1em 0;
	padding: 3em 0 0 0;
	font-size: 0.85em;
	text-align: center;
}


	
#footer { /* footer con quote random y la imagencilla esa de 89decibeles.com */
	clear:both;	
	background:transparent url(/img/footer_bg.gif) bottom right no-repeat ;
	margin: 0;
	padding: 0.2em 0.1em;
	text-align:left;
	color: #fff;
	font-size:0.9em;	
}


/* Links
================================================*/
a:link, a:visited {
	color:#3D5699;
	font-weight:bold;
	text-decoration:none;
	padding:2px 2px 0;
	margin:0 -2px;
	
}

a:focus, a:hover {
	text-decoration: underline;
}



/* Headings
================================================*/
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	color:#000;
	
}
	
h1 {
	font-size:2em;
	font-weight: bolder;
	margin:0 0 0.625em;
	text-shadow:2px 2px 2px #ccc;
	line-height:1.3;
	color: #3D5699;
}

h2 {
	font-size:1.2em;
	line-height:1.3;
	margin:10px 0 0 0;
	font-weight:bold;
	color: #000000;
	
}

h3 {
	font-size:1em;
	line-height:1.3;
	font-weight:normal;
	font-style: italic;	
	color: #333;
}

h4 {
	font-weight: bold;
	text-align: right;
}

h5 {
	font-style: italic;
	text-align: right;
}

/* Tablas
================================================*/

table{
	width: 95% ;
	margin: 0 auto ;
	padding: 0px ;	
        background-color: #6092BF ;

	font-size: 12px ;
	font-family: "Trebuchet MS", Arial, Sans Serif ;
}

td {
	padding: 5px ;	
	background-color: #FFFFFF ;
	text-align: center;
}

th {

	padding: 5px;	
	background-color: #E6F3FF ;
	font-weight: bolder ;
	color: #2D2A7E ;	
	text-align: center ;
}

table tr td img {
	display: inline;
}

/* Imagenes
================================================*/
img {
	border:0;
	display:block;
}

img.fr {
	float: right;
	border: 2px solid black;
	margin: 0 0 0.2em 1.2em;
}

img.c {
	margin: 0 auto;
}

/* Header
================================================*/
#header {
	background:#E6F3FF;
	height:110px;
	border-bottom: 5px solid #2D2A7E ;
	text-align: left;
	overflow: visible;
	width: 100%;
	margin: 0;
}

#header a, #header a:hover {
	border:0;
	color:#fff;
	background:transparent;
}

#header img {
	margin: 0 auto 0 0;
	display: inline;
}

/* Menu
================================================*/
#nav {	
	height: 2em;
	background:#6092BF;
	margin:0;	
	padding:0.5em 0 0 0;
	font-size: 0.9em;
	vertical-align:bottom;
}

#nav ul {
	margin: 0.4em 0 0 20%;
	padding: 0;
	background:#6092BF;
	list-style-type:none;
	
}
	
#nav li {	

	padding: 0.1em 0;
	margin: 0;
	color: #2D2A7E ;
	background: #E6F3FF;
	display: inline ;
	overflow: hidden ;
	list-style-type: none ;
	border-left: 1px solid #000000;
	border-right: 1px solid #ffffff;
}
#nav li.active, #nav li.active:hover{
	color: #2D2A7E ;
	background: #FFFFFF;
}

#nav li:hover {background:#2D2A7E;}
#nav li:hover a{color:#FFF;}
#nav li.active:hover a{color:#2D2A7E;}

#nav a {
	width: 100%;
}



#nav a:hover, #nav a:focus {}

#sidenav {	
	width: 100%;
	background:#E6F3FF;
	margin:0;	
	padding:0 0 0.5em 0;
	font-size: 0.9em;	
	overflow: hidden ; 
}

#sidenav ul {
	width: 100%;
	margin: 0.4em 0 0 0;
	padding: 0;
	background:#E6F3FF;
	list-style-type:none;	
}
	
#sidenav li {	
	width:100%;
	padding: 0.1em 0;
	margin: 0;
	color: #2D2A7E ;
	background: #E6F3FF;
	overflow: hidden ;
	list-style-type: none ;	
	border-bottom: 1px solid #ffffff;
	overflow: hidden ;
}
#sidenav li.active, #nav li.active:hover{
	color: #2D2A7E ;
	background: #FFFFFF;
}

#sidenav li:hover {background:#2D2A7E; color:#fff;}
#sidenav li a:hover{background:#2D2A7E; color:#FFF;}
#sidenav li.active:hover a{color:color:#fff; text-decoration:none;}

#sidenav li a{
	padding: 0 100% 0 0;
	width: 100%;
}



ul.multilinks{
    width: 105% ;
	margin: 3px 0px 15px 0px; 
	padding: 0;
	background-color: #E6F3FF ;
	font-size: 85% ;
	line-height: 130%;
	text-indent: -1px ;
	text-align: left ;
	overflow: hidden ;
}

ul.multilinks li{
	display: inline; 
	margin: 0 0 0 1em;
}

/* Thumbnail list / thumbnail list item
================================================*/
ul.thumbnail_list{

}

ul.thumbnail_list li{
	margin: 0 0 2em;
}

ul.thumbnail_list li img{
	float: left;
	margin: 0 1em 0 0;
}

/* Date
================================================*/
p.date{
	color: #7796FF;
	display: inline;
	margin: 0 0 0 -0.6em;
	text-indent: 0;
}

/* Forms
================================================*/
fieldset {
	padding: 1em 0;
	margin: 0 0 1em 0;
	border: 1px solid #3D5699;
}

fieldset br {
	display: none;
}

fieldset div {
	clear: both;
	position: relative;
}

label, fieldset div.cr p {
	margin: 0;
	display: block;
	width: 13em;
	text-align: right;
	float: left;
}

fieldset div.cr label {
	text-align: left;
	margin-left: 13em;
	width: auto;
	float: none;
}
fieldset div span {
	display: none;
}
fieldset div:hover span {
	margin-left: 20em;
	display: block;
	position: absolute;
	z-index: 100;
	float: right;
}
* html fieldset div span {
	display: block;
}

label {
	display: block;
	margin: 0 10px 0 0;
	color: #3D5699;
}

legend {

	font-weight: bold;
	color: #3D5699;
	padding: .1em .3em;
	margin: 0 0 0 1em;
	border: 1px solid #3D5699;

}

input, textarea {
	border: 1px solid #3D5699;
	margin: .3em 0;
}

.botones{
	margin: 0 auto;
	text-align: center;
}

.section{
	display:none;
}

.topleft{

	background-image: url(/img/top-left.gif) ;
	background-repeat: no-repeat ;
	background-position: top left ;
		padding: 0.5em 0 0 0;
	text-align: center;
	font-weight:bolder;

}

.topright{

	background-image: url(/img/top-right.gif) ;
	background-repeat: no-repeat ;
	background-position: top right ;
	padding: 0.5em 0 0 0;
	text-align: center;
	font-weight:bolder;
	font-style: normal;
}	

#sidebarL p,  #sidebarR  p{
	text-align: center;
	background: #E6F3FF;
	text-indent: 0;
	padding: 0.1em 0;
}
#sidebarL h3,  #sidebarR  h3{
	background-color: #6092BF;
	color: #fff;
	margin: 0;
	padding: 0.5 em 0 0 0;
	font: 90%/100%;
}



#sidebarL img,  #sidebarR img{
	border: 2px solid #2D2A7E ;
	
}

ol{
	list-style-type: decimal;
}

ol li{
	list-style-type: decimal;
}

/* Galleries 
================================================*/

#gallery{
	width: 750px;
	margin: 0 auto;
	text-align: center;
}

#gallery h2{
	font-size: 140%;
	margin: 2em 0;
}

.gallery-entrance {
	width: 43%;
	float: left;
	margin: 0 1em;
	text-align: center;	
	border: 2px solid #2D2A7E ;
	padding: 0 0 1em 0;
}

.gallery-entrance img{
	margin: 1em auto;	
}

.gallery-entrance h3{
	background: #E6F3FF;
	color: #2D2A7E;
	padding: 1em 0;
	border-bottom: 2px solid #2D2A7E ;
}

/* Application
================================================*/
#application{
	width: 90%;
	margin: 0 auto;
}

#application h1{
	text-align: center;
	color: #000;
}

#application fieldset{
	width: 100%;
	margin: 0 0 3em 0;
	border: 2px solid #D5E2EE;
}

#application fieldset legend{
	border: none;
}

#application label{
	color: #000;
	padding: 0 0 0 1em;
	width: 50%;
}

.appdetails{
	margin: 0 auto;
	width: 50%;
	
}

.appdetails strong{
	padding: 0 1em;
	background-color: #FFE;
	
}

/* Admin
================================================*/

#admin ul{
	margin: 0 0 1em 3em;
}

#admin ul.multilinks{
	margin: 0 ;
}

#admin div {
	padding: 0 2em;
}

#admin form div{
	margin: 0 0 1em 0;
}


.flashhome{
	position: absolute;
	z-index: 9;
	width: 99%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.categorias { color: #aac3da;
 font-size: 11px;
 font-family: arial, Helvetica, sans-serif;
 font-weight: bold;
# font-stretch: semi-condensed;
 text-decoration: none;
 background-image: url(images/menu-of.jpg);
 text-align: left;
 text-transform: uppercase;
# text-indent: -3px;
 padding-left: 3px;
 width: 200px;
 height: 26px;
 vertical-align: middle;
margin-left : 20px;
 }