@CHARSET "ISO-8859-1";
* {
		margin: 0;
		padding: 0;
		}

html {
		font-size: 100%;
		}

body {
		font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
		background: #ffffff;
		padding: 20px;
		}

#masthead, #columnWrapper, #footer {
		font: 1.1em/1.5 Verdana, Arial, sans-serif;
}

p {
		margin-bottom: 1.5em;
		color: #15218c;
		text-align: justify;
}

/* ---------- add your code below ---------- */

h1 {
		font: bold 3.5em/3.8em Arial, sans-serif;
		text-transform: uppercase;
		margin-left: 15px;
		color: #15218c;
}
h2 {
		font: bold 1.5em Arial, sans-serif;
		text-transform: uppercase;
		margin-bottom: 2px;
		color: #15218c;
}

blockquote {
		margin: 0 100px;
		}

blockquote p {
		font-style: italic;
		font-size: 1.2em;
		}

/* ---------- structure ---------- */
#wrapper {
		max-height: 900px;
		width: 1024px;
		margin: 0 auto;
		}

#masthead {
		background: #ffffff;
		border-bottom: 1px solid #aaaaaa;
		}

#masthead ul {
		list-style-type: circle;
		border-left: 1px dotted #aaaaaa;
		}
#masthead li {
		font-size: 0.8em;
		color: #15218c;
		}
#footer {
		background: #d5e8f5;
		border-top: 1px solid #aaaaaa;
		padding: 10px;
		}
#footer p {
	font-size: 80%;

	}
#footer p.contacto {
	text-align:right;
	}
.clearFix:after {
		content: '.';
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
/* ---------- add your code below ---------- */

#columnWrapper {
		background: #d5e8f5 url(imagenes/fondos/blue-shadow-top.gif) 0 0 repeat-x;
		}

#mainContent {
		background: #ffffff url(imagenes/fondos/blue-white-shadow-top.gif) 0 0 repeat-x;
		float: left;
		width: 64.9999%;
		margin-left: 30%;
		}
		
#leftSidebar {
		float: left;
		width: 30%;
		margin-left: -94.9999%;
		}
#rightSidebar {
		float: left;
		width: 5%;
		}

		
.columnContentWrapper {
		padding: 30px 10px;
		}


#mainContent, #leftSidebar, #rightSidebar  {
		padding-bottom: 32767px !important;
		margin-bottom: -32767px !important;
		}
		
#columnWrapper {
		overflow: hidden;
		}		

/* Navigator */
.gwt-Button {
		  background-color: rgb(94,157,188);
		  font-size: 13px;
		  font-weight: normal;
		padding: 3px 3px 3px 17px;
		  color: #15218c;
		  width: 250px;
		  text-align: left;
		}
.gwt-Button:active {
  		border: 2px inset #ccc;
		}
.gwt-Button:hover {
  		border-color: #939393;
		background-color: rgb(131,166,168);
		}
.gwt-Button[disabled] {
  cursor: default;
  color: #888;
}
.gwt-Button[disabled]:hover {
  border: 1px outset #ccc;
}
#navigator-wrapper nav ul {
		list-style-type: none;
		width: 250px;
		font: 1.2em/1 Arial, Helvetica, sans-serif;
		}

#navigator-wrapper nav ul ul {
		font-size: 1em;
		}

#navigator-wrapper nav a:link, nav a:visited {
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		display: block;
		padding: 3px 12px 3px 8px;
		background-color: rgb(17,27,96);
		color: #ffffff;
		border-top: 1px solid #dddddd;
		border-right: 1px solid #333333;
		border-bottom: 1px solid #333333;
		border-left: 1px solid #dddddd;
		}

#navigator-wrapper nav a:hover {
		background-color: rgb(141,176,198);
		}

#navigator-wrapper nav a:active {
		padding: 2px 13px 4px 7px;
		background-color: #444444;
		color: #eeeeee;
		border-top: 1px solid #333333;
		border-right: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
		border-left: 1px solid #333333;
		}

#navigator-wrapper nav li li a:link, nav li li a:visited {
		text-decoration: none;
		text-transform: lowercase;
		font-weight: normal;
		padding: 3px 3px 3px 17px;
		background-color: rgb(94,157,188);
		color: #15218c;
		}
#navigator-wrapper nav li li a:hover {
		background-color: rgb(131,166,168);
		}

#navigator-wrapper nav li li a:active {
		padding: 2px 4px 4px 16px;
		background-color: #888888;
		color: #000000;
		border-top: 1px solid #333333;
		border-right: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
		border-left: 1px solid #333333;
		}
/* Wellcome */
#wellcome-content img {/* generic style for all images within the content div */
		border: 1px solid #000000;
		}

#wellcome-content .photo {/* specific override for the image with the .photo class */
		border-width: 8px 8px 20px 8px;
		border-style: solid;
		border-color: #ffffff;
		float: right;
		margin-left: 20px;
		margin-bottom: 20px;
		}


.indentado {
	padding-left: 40px
}