/* 
   Archivo de estilo base para el sitio cfmae.com 
*/

/* 
   COLOR CODES
   Blue:        #003DF5
   Red:         #F5003D
   Yellow:      #FFFF33
   Light Gray:  #A3A3A3
   Dark gray:   #3D3D3D

*/


html, body{
    width:800px;
    padding:0;
    margin:auto;
    margin-top:1em;
    margin-bottom:1em;
    background-color: #FFFFFF;
    font-family:Verdana;
    font-size:14px;
    color:#333333; 		    
}
tr .even{background:red;}
tr #even{background:red;}

tr .odd{background-color:red;}
tr #odd{background-color:red;}

h1{
    width:50%;
    font-size:18px; 
    color:#1C94C4;
    padding-bottom:0.25em;
}

h2{
    font-size:14px;
    color:#1C94C4;
    font-style:italic;
}

h3{
    font-size:14px;
    color:#3D3D3D;
    font-style:oblique;
}

blockquote{
    border-left:2em #FFFF99 solid;
    margin:0;
    margin-left:10px;
    padding:0.5em;
    font-style:italic;
    font-variant:small-caps;
}


#top{
    background-color:#003DF5;
    height:120px;
    width:100%;
    min-width:800px;
}

#top a img{
    border:none;
}

.ui-widget-content a{
    color:#E78F08;
    text-decoration:none;
}

#tabs a span{
    font-size:1.3em;
}

#tabs a:hover span{
    color:#1C94C4;
}
#spacer{
    width:100%;
    min-width:800px;
    border-bottom:3px red solid;
    border-top:2px white solid;
}

#nav{
    float:right;
    text-align:right;
    color:#FFFFFF;
    margin-top:100px;
    margin-right:10px;
}

#nav a{
    color:#FFFFFF;
    font-size:12px;
    text-decoration:none;
}

#nav a:hover{
    color:#F5003D;
}

#logo-container{
    float:left;
    margin-top:10px;
    margin-bottom:10px;
    height:100px;
}

#logo-container img{
    float:left;
    padding-left:1em;
    padding-right:1em;
}

#logo{
    color:#fff;
    font-size:20px;
    font-family:Helvetica;
}

#slogan{
    padding-top:1em;
    color: #FFFFFF;
    font-size:75%;
    font-style:italic;
    font-variant:small-caps;
}

#content{
    max-width:800px;
    border-top:thin white solid;
}

#content img{
 float:left;
margin-right:2em;
}

#content .ui-widget{
    font-family: Verdana;
    font-size:1em;
}

#footer{
   clear:both;
    background-color:#003DF5;    
    color:#FFFFFF;
    padding-top:1em;
    padding-bottom:1em;
    font-size:10px;
    width:100%;
    min-width:800px;
    text-align:center;
    border-top:thin white solid;
}

#footer a{
    color:#FFFFFF;
    text-decoration:none;
}

#footer a:hover{
    color:#F5003D;
}

#materias
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 45px;
	width: 480px;
	border-collapse: collapse;
	text-align: left;
}
#materias th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#materias td
{
	color: #669;
	padding: 9px 8px 0px 8px;
}
#materias tbody tr:hover td
{
	color: #009;
}