/*****************************************

Éste código es propiedad de Ingesta.

Para más info:
info@cesclopez.com
djkubik@gmail.com

******************************************/

body,td,th {
	color: #F0F0F0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}
body {
	background-color: #2A2A2A;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-decoration: none;
	margin: 3%;
	background-position: center center;
}
a {
	font-weight: bold;
}
a:link {
	text-decoration: none;
	color: #FCFCFC;
}
a:visited {
	text-decoration: none;
	color: #FCFCFC;
}
a:hover {
	text-decoration: none;
	color: #FCFCFC;	
}
a:active {
	text-decoration: none;
	color: #FCFCFC;	
}

#content
{
	width: 750px;
/*	height: 500px;*/
	margin: 10px auto;
	background-color: #666666;
	color: #fff;
	border: 0px solid gray;
	line-height: 120%;
}

#content-real
{
	width: 650px;
/*	height: 500px;*/
/*	margin: 0px auto; */
	margin: 10px auto 10px;
	background-color: #666666;
	color: #fff;
	border: 0px solid gray;
	line-height: 120%;
}

#top {
	float: none;
	width: 100%;
	height:20px; 
	margin: 0em 0 0 0;
	background-image: url(images/borde-up.jpg);
	background-repeat: repeat-x;
}
#bottom {
	float: none;
	width: 100%;
	height: 20px;
	margin: 0em 0 0 0;
	background-image: url(images/borde-down.jpg);
	background-repeat: repeat-x;
	text-align: right;
    list-style-type: none;
	font-size: 9px;
}

ul#navlist
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: right;
	width: 100%;
	color: #fff;
	background-color: #494949;
	margin-top: 20px;
}

ul#navlist li { display: inline; }

ul#navlist li a
{
float: right;
width: 6em;
color: #fff;
background-color: #494949;
padding: 0.6em 1em;
text-decoration: none;
border-left: 1px solid #000;

}

ul#navlist li a:hover
{
background-color: #D7D7D7;
color: #535353;
}

#flashfloat {
	float: center;
	text-align: center;
	width: 100%;
	height:100px; 
	margin: 0em 0 0 0;
	border: 0px solid gray;
/*	background-color: #CCCCCC;*/
}

#titol {
	float: right;
	font-size: 16px;
	text-decoration: bold;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 80%;
	background-image: url(images/borde-up.jpg);
}

ul#llista {
	background-color: #333;
	width: 60%;
}

ul#llista-right {
        background-color: #333;
        width: 49%;
	float: right;
        margin: 0 0 5px 0px;
}

ul#llista-left {
	background-color: #333;
	width: 49%;
	float: left;
        margin: 0 0 5px 0px;
}

ul#llista-left-2 {
	background-color: #333;
        width: 60%;
        float: left;
        margin: 0 0 5px 0px;
}

ul#Bio1 {
	
	background-color: #000;
	width: 70%;
/*	height: 80px; */
	list-style-type: none;
	line-height: 120%;	
}

ul#Bio2 {
	background-color: #333;
	width: 90%;
	list-style-type: none;
}

ul#Clases {
	/* margin: 10px auto 10px; */
        background-color: #333;
        width: 49%;
	float: left;
        list-style-type: none;
	text-align: center;	
	margin: 50px 0 5px 0px;
}
			

.floatbackcontent {
    float: right;
}

/* Butons de Back/Next */
ul#navigation
{
list-style-type: none;
margin: 0;
padding: .5em 0;
border-top: 1px solid #666;
}

ul#navigation li a
{
display: block;
width: 8em;
color: #fff;
background-color: #494949;
/*		
color: #FFF;
background-color: #036;
*/
padding: .2em 0;
text-align: center;
text-decoration: none;
}

ul#navigation li a:hover
{
color: #FFF;
background-color: #666600;
}

ul#navigation .left { float: left; }
ul#navigation .right { float: right; }

#fotos {
/*	float: center; */
	margin: 20px auto ;
	width: 475px;
        border: 1px solid #000;
}

#formulario {
	float: center;
	margin: 5%;
	width: 500px:
	line-height: 100%;
}

#foto-right {
	float: right;
	margin: 1px;
}

#foto-right-top {
        float: right;
}