/*
 * Curso de Diseño de webs eficaces
 * Universidad de Murcia
 * Jordi Touza Bonnin <jordi.touza@backtheweb.com>
 */

/*
 * Reset
 */

 * { margin:0px; padding:0px; }
body { padding:0px; margin:0px; font:75% "Lucida Grande", arial, sans-serif; height:100%; background:#99ccff; }

ul, li {list-style:none; }

/*
 * Layout
 */
#warp		{ margin:10px auto; min-width:740px; max-width:960px; background:#fff; border:1px solid #3399ff; padding:10px;}
#nav		{ width:20%; float:left; margin-right:2em;}
#content 	{ width:70%;  float:left; }

/*
 * General
 */
p { line-height:1.4em; margin:0.4em 0; }

.jRight		{ text-align:right; }
.jLeft 		{ text-align:left; }
.jCenter	{ text-align:center; }

.clearFix	{ clear:both; }
hr 			{ display:none; }

a:visited	{ color:#330033;}

/*
 * Header & footer
 */
#header 		{ background:url(../images/logo.png) #ffcc66 no-repeat 10px 0; margin:0 0 10px 0; padding:10px;  }
#header h1 		{ margin-left:110px; font-size:2em; line-height:2em; }
#header h1 a 	{ text-decoration:none; color:#000; }
#header h2 		{ margin-left:110px; font:oblique 1.8em/1em Georgia, times, sans; }
#footer 		{ background:#ffff99; padding:10px; clear:both;  }

/*
 * Menu
 */
#nav ul li			{ margin:5px 0; }
#nav ul li a 		{ display:block; width:80%; background-color:#ccccff; font-size:1.3em; line-height:2em; padding:0 5px 0 30px; border:1px solid #ccc; color:#000;}
#nav ul li a:hover	{ background:#99ccff;}
#nav ul li a#link_nav_home,
#nav ul li a#link_nav_activities,
#nav ul li a#link_nav_survey		{ background-position:5px 10px; background-repeat:no-repeat;}
#nav ul li a#link_nav_home 			{ background-image:url(../images/house.png);}
#nav ul li a#link_nav_activities 	{ background-image:url(../images/text_list_bullets.png);}
#nav ul li a#link_nav_survey 		{ background-image:url(../images/chart_bar.png);}

/*
 * Citas
 */
blockquote		{ display:block; padding:10px 50px 10px 10px; margin:10px; border:1px solid #ccc; background:url(../images/quote.png) #ccff99 no-repeat top right; }
blockquote p 	{ font:oblique 1.2em/1.2em Georgia, Times, sans; }

/*
 * Secciones
 */
.section			{ margin:0 0 20px 0; }
.section.last		{ margin:0 0 10px 0; }
.section h2			{ margin:0 0 10px 0; }
.section h3 		{ margin:0 0 10px 0; color:#333; font-style:oblique; }
.section ul 		{ margin:0 0 10px 40px }
.section ul ul 		{ margin:10px 0 10px 15px; }
.section ul li 		{ list-style:url(../images/bullet_blue.png);}

/*
 * Formulario 
 */
fieldset			{ border:0px; border-top:1px dotted #6699ff; margin:0 0 20px 0; padding:0 10px;  }
fieldset legend		{ font-weight:bolder; margin:0 0 10px 0px; padding:5px; display:block; background:#6699ff; }

form { border:1px solid #ccc; background:#ccccff; padding:10px; /*width:420px;*/	}

textarea,
input[type="text"],
select						{ display:block; width:400px; font:normal 1.2em/1.2em "Lucida Grande", arial, sans-serfi; padding:3px 0; margin:3px 0 5px 0; border:1px solid #ccc } 

textarea:focus,
input[type="text"]:focus,
select:focus				{ background:#ffffcc; color:#000;}

input[type="submit"] 		{font:normal 1.2em/1.2em "Lucida Grande", arial, sans-serif;}

/*
 * Gallery
 */
#gallery ol			{ margin:0 35px; clear:both;}
#gallery ol li 		{ margin:0 40px 0 0; list-style:decimal-leading-zero; float:left;}
#gallery ol li img 	{ border:1px solid #ccc; }
#gallery ol li p	{ display:block; width:180px; padding:10px; background:#ffffcc; color:#000;}
/*
 * Tablas
 */
table.calendar			{ width:100%; margin:1em 0; border:1px solid #ccc; border-collapse:collapse; }
table.calendar caption	{ margin:1em 0; font-style:oblique; }
table.calendar th, 
table.calendar td		{ padding:0.6em; border:1px dotted #ccc; } 
table.calendar thead th { background:#ffcc66; }
table.calendar tbody th { background:#ccff99; }

.info { background:#99ccff; border:1px dotted #6699ff; padding:10px; margin:5px;}