﻿/**
* CSS
* 
* @version 1.0
* @author Zahara Mendez & design Blanca Galindo
*/
* {	margin: 0;	padding: 0;}

body { font-family:Georgia, serif; background: url(img/fondo.gif) #E7DCD6; font-size:72.5%;}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #4F3B3B; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; }

a img { border: none; }

#menu { width: 14em; overflow: auto; top: 0.2em; bottom: 0; left: 0; padding: 1em 1em 1em 1.5em;
    position: fixed; height: 100%; background: #E7DCD6 url(img/fondo.gif) repeat scroll 0 0; }
#menu h1 { font-size:1.2em; font-weight:500; border-bottom:3px dotted; margin-top:110px;padding-bottom:10px;}
#menu ul { list-style: none;	/*margin: 1em 0;*/}
#menu ul li.section-title { font-family:Georgia, serif; text-indent:0; line-height:2em; font-size:1.2em;}
#menu ul li.section-title:hover  { text-decoration: none; color: #8F8F8F;}
#menu ul li { width:100%; display:block; font-family:Arial, sans-serif; text-indent:0.5em; line-height:1.4em;}
#menu ul li.active a { color: #8f8f8f !important; }
#menu a { color:#000; }
#menu a:hover { color: #8F8F8F; text-decoration: none; }
#menu hr { width: 20%; }
#menu li.credits { border-top:3px dotted;font-size:0.8em; line-height:2em; }

img#logo  { width:100px; }
/*img.Random { margin:6em 0 0; padding: 1em 0; }*/

#content { height: 100%; margin: 6em 0 0 16em; top: 0; }

.container {
    padding: 0.5em 0.5em 1.5em 0.5em;
}
#menu .container {	background:url(img/logo_promsite.gif) no-repeat bottom;     padding: 0.5em 0.5em 50px 0.5em; }

#content p { width: 30em; margin-bottom: 1em; }
#content .container { padding-top:60px; }
p { margin: 0 0 1em 0; }
#content ul { list-style-type: none; }

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size:1.2em; font-weight:500; margin:1em 0 0.5em; }
h4 { font-size: 12px; }

#menu h1 a:hover {color:#000; }
#img-container	{ /*margin:6em 0 0;*/ padding: 1em 0; }
#img-container p	{ width: 30em; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }