/*							 www.nayraquesada.com										  */
/* ---------------------------------------------------------------------------------------*/

/******************************************************************************************/
/*								     COLORES											  */
/******************************************************************************************/
/*

	Rosa fuerte:	#CC1559
	Rosa chillón:	#FF5EAA
	Celeste:		#96B3D3

	Gris oscuro:	#585858
	Gris claro:		#646464
	Gris muy claro: #EEEEEE

*/
/******************************************************************************************/
/*										GENERAL											  */
/******************************************************************************************/
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 25px;
}
p {
	margin: 0px !important;
	padding-bottom: 10px;
}
/* Bordes redondeados */
b.rtop, b.rbottom{display:block; background: #FFF;}
b.rtop *, b.rbottom *{display: block; height: 1px; overflow: hidden}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px; height: 2px}
/* Fin de bordes redondeados */

div#contenido {
	margin-left: 20%;
	margin-right: 10%;
}
a {
	color: #CC1559;
}
a:hover {
	text-decoration: none;
	border-bottom: 1px dashed #CC1559;
}
h1 {
	color: #CC1559;
	font-size: 2em;
}
h2 {
	font-size: 1.2em;
}
ul {
	list-style: none;
	padding-left: 25px;
}
* html ul {
	padding-left: 0px;
}
hr {
	width: 30%;
	height: 0.5px;
	border: 0.5px dotted #585858;
}
div#pie {
	clear: both;
	padding-top: 15px;
	text-align: left;	
	font-size: .8em;		
	margin-left: 100px;
}
div#pie p {
	line-height: 15px;
}
.resaltar {
	font-weight: bold;
}
/******************************************************************************************/
/*								MENU Y LOGIN											  */
/******************************************************************************************/
ul#menu {
	margin-left: 50px;
}
ul#menu li {
	display: inline;
	background-color: #FF5EAA;
	padding: 5px;
	text-align: center;
	color: white;
	font-weight: bold;	
}
ul#menu li a {
	text-decoration: none;
	color: white;
}
ul#menu li a:hover {
	border-bottom: 0px;
	color: #CC1559;
}
.seleccionado {
	background-color: #CC1559 !important;
}
.seleccionado a:hover {
	color: white !important;
}
.menu_inicio, .menu_inicio a {
	background-color: white !important;
	color: #CC1559 !important;
	font-weight: normal;
	font-size: .9em;
}
div#login {
	position: absolute;
	top: 5px;
	right: 5px;
}
div#login label{
	font-size: .7em;
	margin-right: 5px;
	color: #646464;
}
div#login input {
	width: 50px;
	border: 1px solid #CC1559;
	font-size: .6em;
	color: #585858;
}
* html div#login input { /* IE */
	padding: 0px;
}
div#login .enviar {
	background-color: #CC1559 !important;
	width: 30px;
	color: white;
	font-weight: bold;
	background-image: url(../imagenes/flecha.png);
	background-repeat: no-repeat;
}
.elemento_login {
	display: inline;
}
* html div#login .enviar { /* IE */	
	height: 16px;
}
/******************************************************************************************/
/*										INICIO											  */
/******************************************************************************************/
div#titulo_inicio {
	position: absolute;
	top: 0px;
	right: 100px;
}
* html div#titulo_inicio { /* IE */
	top: 10px;
}
div#titulo_inicio h1 {
	color: #96B3D3;
	font-size: 1.5em;
	text-align: right;
}
div#titulo_inicio h1 .rosado{
	display: block;
	color: #FF5EAA;
}
div#inicio {
	margin: 100px;
}
div#inicio_foto {
	width: 150px;
	height: 146px;
	background-image: url(../imagenes/foto.png);
	background-repeat: no-repeat;
	border: 1px solid black;
	position: absolute;
	top: 50px;
	left: 150px;
}
* html div#inicio_foto { /* IE */
	top: 70px;
}
div#inicio_derecha {
	padding-top: 10px;
	text-align: center;
}
div#inicio_presentacion {
	background-color: #96B3D3;
	background-image: url(../imagenes/back.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 478px;
	float: left;
	font-size: .96em;
}
* html div#inicio_presentacion { /* IE */
	width: 478px;
}
div#inicio_presentacion b.rtop *, div#inicio_presentacion b.rbottom * {background-color: #96B3D3}
div#inicio_presentacion .primer_parrafo {
	padding-left: 210px;
}
div#inicio_presentacion p {
	padding: 0px 70px 0px 40px;
}
* html div#inicio_presentacion p { /* IE */
	padding: 0px 80px 0px 40px;
}
div#inicio_derecha div {
	margin-left: 505px;
	width: 284px;
}
* html div#inicio_derecha div { /* IE */
	margin-left: 500px;
	width: 275px;	
}
/** html div#inicio_derecha b.rtop, * html div#inicio_derecha b.rbottom{margin-left: -3px;} /* IE */
div#inicio_cv {
	background-color: #FF5EAA;
	color: white;
	font-weight: bold;
	font-size: 1.5em;
	width: 284px;
}
div#inicio_cv b.rtop *, div#inicio_cv b.rbottom * {background-color: #FF5EAA;}
.cv, .cv a {
	font-family: "Courier New", serif;
	padding: 20px 0px 20px 0px;
	text-decoration: none;
	color: white;
}
.cv a:hover {
	color: #585858;
}
div#inicio_portfolio {
	margin-top: 20px;
	background-color: #EEEEEE;	
}
div#inicio_portfolio p {
	padding-bottom: 10px;
}
div#inicio_portfolio a img, div#inicio_portfolio a{
	border: 0px !important;
}
div#inicio_portfolio b.rtop *, div#inicio_portfolio b.rbottom * {background-color: #EEEEEE}
div#inicio_portfolio .portfolio {
	text-align: center;
	height: 250px;
	margin-left: 0px;
	color: #585858;
	font-size: 1.2em;
}
div#contactar {
	margin-top: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}
div#contactar a {
	text-decoration: none;
}
div#inicio_pie {
	clear: both;
	padding-top: 15px;
	text-align: left;	
	font-size: .8em;
}
div#inicio_pie p{
	line-height: 15px;
	margin-left: 0px;
}
/******************************************************************************************/
/*										  CV											  */
/******************************************************************************************/
div#datos_personales {
	background-color: #96B3D3;
}
div#datos_personales b.rtop *, div#datos_personales b.rbottom * {background-color: #96B3D3}
.fecha, .anotacion {
	font-size: .9em;
}
.anotacion {
	color: #585858;
}
.bullet {
	list-style: url(../imagenes/bullet.png);
}
/******************************************************************************************/
/*								   PORTFOLIO											  */
/******************************************************************************************/
.portf {
	clear: both;
	margin-bottom: 50px !important;
}
.portf p {
	height: 200px;
}
.miniatura {
	width: 250px;
	height: 200px;
	margin-right: 20px;
	float: left;
	background-color: black;
}
.miniatura a:hover {
	border-bottom: 0px;
}
.miniatura img {
	border: 1px solid black;
}
.portf h2{
	
	font-weight: bold;
}
/******************************************************************************************/
/*								VER PORTFOLIO											  */
/******************************************************************************************/
div#ver_portfolio div#imagenes {
	border-right: 1px solid #96B3D3;
	width: 270px;
	float: left;
}
div#ver_portfolio div#imagenes img {
	margin-bottom: 20px;
	border: 1px solid #CC1559;
}
div#ver_portfolio div#descripcion {
	margin-left: 270px;
	padding-left: 20px;
	border-left: 1px solid #96B3D3;
}
* html div#ver_portfolio div#descripcion { /* IE */
	margin-left: 269px;
}
div#ver_portfolio ul {
	list-style: square;
}
div#ver_portfolio .ir_a {
	text-align: center;
	padding-top: 30px;
}
div#ver_portfolio .ir_a a{
	padding: 10px;
	text-decoration: none;
	background-color: #CC1559;
	color: white;
	font-weight: bold;
}
div#ver_portfolio .ir_a a:hover{
	background-color: #FF5EAA;
	border: 0px;
}
/******************************************************************************************/
/*									CONTACTO											  */
/******************************************************************************************/
form#contactar {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
* html form#contactar { /* IE */
	margin-left: 10%;
}
* html form#contactar .formulario_contactar input,* html form#contactar .formulario_contactar textarea{ /* IE */
	margin-left: 15%;
	padding: 0px;
}

form#contactar input, form#contactar textarea{
	margin-left: 70px;
	width: 60%;
	font-size: .8em;
}
* html form#contactar input, * html form#contactar textarea{ /* IE */
	width: 328px;
	margin-left: -40px;
}
form#contactar textarea {
	height: 150px;
}
form#contactar label {
	display: block;
	width: 150px;
}
form#contactar .enviar {
	width: 100px;
	padding: 3px;
	margin-top: 10px;
	border: 0px;
	background-color: #CC1559;
	color: white;
}
* html form#contactar .enviar { /* IE */
	border: 0px;
	padding: 0px;
}
div#enviado {
	width: 50%;
	text-align: center;
	color: white;
	margin-left: auto;
	margin-right: auto;
}
* html div#enviado { /* IE */
	width: 346px;
	margin-left: 20%;
}
div#enviado, div#enviado b.rtop *, div#enviado b.rbottom * {
	background-color: #CC1559;
}