/*PROFILE*/

/* CSS Document */

.container-profile{
    margin: auto;
    padding: 0 0 30px;
    width: 945px;
}

.container-profile h1{
    border-bottom: 3px solid #CCCCCC;
    clear: both;
    color: #777777;
    display: block;
    font: bold 32px Arial;
    margin: 0 0 10px;
}

.container-profile h1 a{
	font:bold 13px Arial;
	text-align:left;
	color:#144BA7;
}

.columna-izquierda{
    float: left;
    width: 580px;
}

.columna-izquierda a{
	color:#144BA7;
}

.columna-izquierda dl{
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
    background: url("images/bg-logo.png") repeat-x scroll 0 0 #03557C;
    border-radius: 3px 3px 3px 3px;
    clear: both;
    display: block;
    margin: 0;
    padding: 20px;
}

.columna-izquierda dl dt{
    clear: both;
    display: block;
    min-height: 102px;
}

.columna-izquierda dl dt img{
    display: block;
    float: left;
	border:1px solid #FFF;
}

.columna-izquierda dl dt p{
    color: #FFFFFF;
    display: block;
    float: right;
    font: 13px Arial;
    margin: 0 0 5px 20px;
    text-shadow: 0 1px 0 #06A5D2;
    width: 413px;
}

.columna-izquierda dl dt p a{
   font-weight: bold;
    text-shadow: none;
}

.columna-izquierda dl dt p strong{
    color: #FFFFFF;
    font: bold 19px Arial;
    text-shadow: 0 1px 1px #06A5D2;
}

.columna-izquierda dl dd{
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 20px 0 0;
}

.columna-izquierda dl dd p{
    clear: both;
    display: block;
    margin: 5px 10px 0;
    padding: 5px 0 0;
}

.columna-izquierda dl dd p strong{
    color: #444444;
    display: block;
    float: left;
    font: bold 14px Arial;
    width: 200px;
}

.columna-izquierda dl dd p em{
    color: #666666;
    display: block;
    float: right;
    font: 12px Arial;
    width: 319px;
}

.columna-izquierda dl dd hr{
   border-color: #CCCCCC -moz-use-text-color -moz-use-text-color;
    border-right: medium none;
    border-style: dotted none none;
    border-width: 1px medium medium;
    clear: both;
    display: block;
    margin: 10px 10px 0;
    padding: 0;
}

.columna-izquierda dl dd p em a{
}

.columna-izquierda dl dd p em b{
}

.columna-derecha{
    float: right;
    width: 365px;
}


.recomendaciones{
}

.recomendaciones h2, .recomendaciones-posta h2{
    border-top: 2px dotted #CCCCCC;
    border-bottom: medium none;
    clear: both;
    color: #555555;
    display: block;
    font: bold 20px Arial;
    margin: 30px 0 0;
    padding: 12px 0 0;
}

.recomendaciones div{
    border: 1px dotted #0EC4F8;
    margin: 10px 0;
    padding: 0 0 20px;
}

.recomendaciones div p, .recomendaciones-posta div p{
    font: bold 14px Arial;
    padding: 10px 0 0 10px;
}

.recomendaciones div em, .recomendaciones-posta div em{
    clear: both;
    display: block;
    font: lighter 13px Arial;
    padding: 0 0 0 10px;
	color:#777;
    word-wrap: break-word;
}

.recomendaciones div span, .recomendaciones-posta div span{
    display: block;
    float: right;
    font: bold 11px Arial;
    padding: 0 10px;
}

.amigos{
    clear: both;
    padding: 10px 0 0;
}

.amigos h3{
    clear: both;
    color: #555555;
    display: block;
    font: bold 20px Arial;
    margin: 20px 0 0;
    padding: 8px 0 0;
	text-transform:capitalize;
}

.amigos ul{
    clear: both;
    display: block;
    margin: 10px 0 0;
	padding:0;
}

.amigos ul li{
    border: 1px dotted #0EC4F8;
    display: block;
    float: left;
    margin: 0 7px 9px;
    padding: 10px 0;
    width: 129px;
}

.amigos ul li a{
    clear: both;
    display: block;
    margin: 5px 0 0;
    padding: 0;
    width: 130px;
	text-decoration:none;
}

.amigos ul li a strong{
    clear: both;
    display: block;
    font: bold 11px Arial;
    text-align: center;
}

.amigos ul li:hover{
	background:#77D1FD;
}

.amigos ul li a img{
    clear: both;
    display: block;
    margin: auto;
	width:80px;
	height:80px;
}

a.recomendar, span.recomendar, input.recomendar{
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
    color: #FFFFFF;
    display: block;
    float: right;
    font: bold 16px/32px Arial;
    height: 32px;
    text-align: center;
    text-shadow: 0 1px 1px #036392;
    background: url("images/bg-logo.png") repeat scroll 0 0 transparent;
    border: 1px solid #036392;
    color: #FFFFFF;
    padding: 0 20px;
    text-decoration: none;
    width: auto;
	cursor:pointer;
}

a.recomendar:hover{
    background: url("images/bg-logo.png") repeat scroll 0 -60px transparent;
}

form#recomiendame{
    clear: both;
    float: right;
    width: 420px;
}

#recomiendame textarea{
    border: 1px solid #CCCCCC;
    clear: both;
    color: #666666;
    display: block;
    float: right;
    height: 80px;
    margin: 20px 0;
    padding: 10px;
    width: 380px;
}

#recomiendame input.recomendar{
	display:block;
	clear:both
}