/*==============================
		---   GENERAL   ---
================================*/
*{margin:0;padding:0;border:0;}
.clear{clear:both;}

html,
body {font:0.9em Verdana, Arial, Helvetica, sans-serif;
background:url('../img/bg.png')}

h1{
display:none;}

h2{
font-size:0.96em;
letter-spacing:-1px;
color:#383838;}
h2 span{
display:block;
font-style:italic;
color:#F2811C;}

li{list-style:none;}

p{color:#616161;}

a{text-decoration:none;}
a:hover{text-decoration:underline}


/*==============================
		---   CONTENIDO   ---
================================*/
#contenedor{
margin:0 auto;
width:816px;
padding-top:134px;
position:relative;}

#contenedor1{
background:url(../img/sombrabordes.png) no-repeat bottom left;}

#header{
position:absolute;
width:508px;
top:13px;
left:30px;
height:217px;
background:url(../img/logo-trans.png) no-repeat top left;}

#facebook{
position:absolute;
width: 200px;
margin-left: 620px;
top:20px;

}

/* columna izquierda */
.left{
background:url(../img/presentacion.jpg) no-repeat top left;
float:left;
z-index:1;
width:320px;
padding:320px 17px 20px 17px;
margin:0 0 4px 0px;}

.left p{
padding-top:5px;
font-size:0.9em;}


/* columna derecha*/
.right{
float:left;
position:relative;
background:url(../img/bgform.png) repeat-x 0 0;
width:454px;
margin-left:4px;
padding-bottom:25px;}

.right p{
font-size:1em;
margin-left:50px;}

.right p strong span{
color:#F2811C;}

.thumb{
border:1px #999999 solid;
margin-bottom:10px;
width:75px;
height:75px;
float:left;
}

.alert
{
        margin: 0;
        width: 100%;
        background-color: #ffffaa;
        border: 1px #777777 solid;
	color:#333333;
	font-size: 0.9em;
        text-align: left;
	margin-bottom:10px;
}

.box
{
        width: 98%;
        padding: 5px;
}

.box p
{
	width:100%;
	text-align:left;
	margin:0;
	clear:both;
	padding:0 0 8px 0;
}


/*==============================
		---   MENU   ---
================================*/
#tabs{
background:url(../img/esquinatabs.png) no-repeat bottom right; 
position:absolute;
right:-4px;
z-index:3;
height:66px;
width:448px;
padding:0 14px 0 0;
margin-bottom:80px;}

#tabs li{
float:left;}

#tabs li a{
display:block;
width:110px;
height:53px;}

#tabs li.tab1 a{background:url(../img/tab1.png) no-repeat top left;}
#tabs li.tab2 a{background:url(../img/tab2.png) no-repeat top left;}
#tabs li.tab3 a{background:url(../img/tab3.png) no-repeat top left;}
#tabs li.tab4 a{background:url(../img/tab4.png) no-repeat top left;}
#tabs li.selected a{background-position:0 -54px;}
#tabs li a span{display:none;}

/*Secciones*/
.seccion{
margin:60px 20px 12px 20px;
*margin:80px 20px 12px 20px;
padding-bottom:28px;}

.seccion p{
font-size:0.9em;
padding:0;
margin:0;
padding-top:10px;}

.seccion .ficha-libro{
font-size:0.9em;
padding:0;
margin:0;
padding-top:10px;
float:left; 
width: 260px;
line-height:1.4em;
color:#616161;
}

.seccion h2{
font-size:1.4em;
font-weight:normal;
margin-top:30px;
}

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

/*==============================
		---   FORM   ---
================================*/
.seccion form
{
margin:40px 46px 12px 50px;
padding-bottom:0px;}

form{
margin:60px 46px 12px 50px;
*margin:80px 46px 12px 50px;
padding-bottom:8px;}

label{
display:block;
margin-bottom:7px;
font-size:0.9em;
color:#616161;}

input{
width:275px;
padding:2px;
border:1px solid #A8A8A8;
margin-bottom:12px;}

textarea{
margin:0;
font:1em Verdana, Arial, Helvetica, sans-serif;
width:352px;
height:200px;
padding:2px;
border:1px solid #A8A8A8;}

form button span{
margin:0;
display:none;}

form p{
text-align:right;
margin-top:-1px;}

button{
margin:0;
text-align:right;
width:67px;
height:25px;
background:url(../img/botonenviar-trans.png) no-repeat 0 0;}



/*==============================
		---   FOOTER   ---
================================*/
#footer{
color:#818181;
border-top:1px solid #B3B3B3;
padding:5px 0 60px 0;
margin-top:12px;
*margin-top:30px;}

#footer ul{
float:left;}

#footer li{
float:left;}

#footer li a,
#footer p{
font-size:0.7em;
color:#818181;}

#footer p{
float:right;}

#footer p img{
vertical-align:middle;}