/* 
    Document   : main
    Created on : 05/01/2010, 11:57:04
    Author     : Oriol Navascuez.enfasystem
    Description: Nobel de la Paz Project FVF
*/

/* 
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


/* Estils generals
----------------------------------------------------------------------------*/
body { font-family: Arial, Helvetica, sans-serif; font-size:75%; color:#302c23; background:#e8e1c6; text-align:center;  margin:auto;}
a { color: #302c23; text-decoration: underline;}
a:link {color: #302c23; text-decoration: underline;}
a:visited { color: #302c23;}
a:hover{color: #302c23;}

 /*Wrap - contenedor web
--------------------------------------------------------------------------- */
#wrap { width:950px; text-align:left;  margin:auto; display: inline-block; background:transparent url(../images/header_bg.jpg) no-repeat scroll 0 13px;}


/* CLASES DE LOS HEADERS */ /*------------------------------------------------*/
.decalogo h2 {position:relative; top:28px;}
.video h2 {position:relative; top:28px;}
.consejo h2 {position:relative; top:28px;}
.patrocinadores h2 {position:relative; top:28px;}
.firmantes h2 {position:relative; top:28px;}
.donativo h2 {position:relative; top:28px;}
.cuentalo h1 {width: 215px;}
.cuentalo h2 {position:relative; top:28px;}
.actualidad h2 {position:relative; top:28px;}
.medios h2 {position:relative; top:28px;}
.dossier h1 {width: 215px;}
.dossier h2 {position:relative; top:28px;}
.faq h1 {width: 210px;}
.faq h2 {position:relative; top:28px;}
.nominadores h2 {position:relative; top:28px;}
.ayudanos h1 {width: 210px;}
.ayudanos h2 {position:relative; top:28px;}
/* CLASES DE LOS HEADERS */ /*------------------------------------------------*/

/*Header - Cabezera de la web
--------------------------------------------------------------------------- */
#header { background: transparent url(../images/logo.png) no-repeat 0 25px; font-family: Georgia; width: 950px; height: 70px; padding: 35px 0 0 0; margin-bottom:20px;}
    #header .title { font-size: 2em; font-weight: bold; display: inline; clear:both; }
    #header p.title { font-weight: bold; float:left; font-size:2em; padding: 0 0 0 85px;}
    #header p.text { font-size: 0.7em; float:left; width: 265px; margin-left: 20px; text-align: left; position: relative; top: 9px; padding: 0;}
    .title a {text-decoration: none;}
    .text a {text-decoration: underline;}

    #header_left {float: right; width: 178px;}
        #language {font-family: Arial,Helvetica,sans-serif; font-size: 0.9em; text-align: left; float:left;}
        #language a {text-decoration: none;}
        #language a:link {text-decoration: none;}
        #language a:hover {text-decoration: underline;}
        #language span {text-decoration: underline;}

        #share { float: left; margin-top: 22px; width:87px;}
        a#share{display: block; text-indent: -1000em; background: transparent url(../images/share.png) no-repeat 0 0; width: 93px; height: 30px;}
        #size { font-family:Arial,Helvetica,sans-serif; float: right; text-align: right; width: 55px;}
            #size li { list-style: none; float: left; }
            #size li.a1 { font-size: 0.9em; border-right:1px solid; padding:0 5px;}
            #size li.a2 { font-size: 1.2em; margin-top: -2px; border-right:1px solid; padding:0 5px;}
            #size li.a3 { font-size: 1.5em; margin-top: -6px; padding:0 0 0 5px;}
        #size a {text-decoration: none;}
        #size a:hover {text-decoration: underline;}

#search_us { width: 66px; _width:78px; float:left; border-left:1px solid #A8A28E; font-size: 1.2em; margin:19px 0 0 5px; padding-left:10px;}
    #search_us ul {list-style-type: none; text-indent: -1000em;}
    #search_us li {float: left;}
        a#twitter {background: transparent url(../images/twitter.png) no-repeat; width: 22px; height: 22px; display: block;}
        a#rss {background: transparent url(../images/rss.png) no-repeat; width: 22px; height: 22px; display: block;}
        a#facebook {background: transparent url(../images/facebook.png) no-repeat; width: 22px; height: 22px; display: block;}

/*Content - Contenido general
--------------------------------------------------------------------------- */

#content { text-align: center; float: left; font-family: Georgia,'Times New Roman',times,serif; background-color: #FFF; width: 758px; height: 100%; }
    /* MENU
    ------------------------------------------------------------------------*/
    #menu {bottom:0;left:0;width:758px;height:22px;}
        #menu #nav { background: #333; width: 100%;}
        #menu #nav  { font-family:Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold;}
                /* /MENU */

/* MENU *//*------------------------------------------------------------------*/
/*=== Navigation ===*/
/*- Nav1 -*/
#nav1 {	background: #383530; font-size: 12px; height: 22px; font-family:Arial,Helvetica,sans-serif;}
#nav1 ul.sf-menu li { position: relative; float: left; line-height: 22px; padding: 0 1px 0 0; text-align: center; }
#nav1 ul.sf-menu li a { color: #FFF; background:#5d5d5d; display: block; position: relative; float: left; text-decoration: none; width: 107px; cursor: pointer; padding:0 9px;}
#nav1 ul.sf-menu li a:hover { text-decoration: none; background: #E64B1D; }
#nav1 ul.sf-menu li ul.children { background:transparent url(../images/bg_submenu.png) no-repeat scroll 0 0; padding-top:10px; }
#nav1 ul.sf-menu li ul.children li { background: #DD7524; border: 1px solid #E64B1D; }
#nav1 ul.sf-menu li ul.children li a { color: #FFF; background:#DD7524; text-align:left; text-decoration: none; padding-left: 10px; display:block; width:125px; }
#nav1 ul.sf-menu li ul.children li:hover {	/*width: 155px;*/ line-height: 22px; background: #e16020; }
#nav1 ul.sf-menu li ul.children li a:hover { text-decoration: none; background: #e16020; color: #FFF; }
#nav1 ul.sf-menu li ul.children{ margin:-9px 0 0 0; }

/* SUPERFISH STYLESHEET ---------------------------------- */
.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; background: #FFFFFF; }
.sf-menu { line-height:1.0; }
.sf-menu ul { position:absolute; top:-999em; width:12em; }
.sf-menu ul li { width:100%; }

/* fixes IE7 'sticky bug'
.sf-menu li:hover { visibility:inherit; }
.sf-menu li { float:left; position:relative; }
.sf-menu a { display:block; position:relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:2.4em; z-index:99 ;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:12em; top:-0.1em; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:12em; top:-0.1em; } */
.sf-menu li:hover ul, .sf-menu li.sfHover ul {	left: 0; top: 2.5em;  z-index: 99; }
/*
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em;  top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {	left: 10em;top: 0; }*/
/* END MENU *//*--------------------------------------------------------------*/

/* TWITTER */

#twitterpost {position: absolute; top: 5px; left: 86px;}
#twitterpost img {display: block; float: left; margin: 5px 5px 0 0;}
#twitterpost .balloon {position: relative; float: left; width: 532px; height: 18px; overflow: hidden; margin-top: 6px; padding: 5px 6px 0 11px; background: url(images/header/twitterpost_balloon_bg.gif) 0 0 no-repeat; font-family: "lucida grande", tahoma, arial, sans-serif;}
#twitterpost .balloon div {font-family: "lucida grande", tahoma, arial, sans-serif; font-size: 11px;}
#twitterpost .end {position: absolute; top: 0; z-index: 1; height: 23px; background: url(images/header/twitterpost_balloon_bg.gif) no-repeat;}
#twitterpost .end.left {left: 0; width: 11px; background-position: 0 0;}
#twitterpost .end.right {right: 0; width: 6px; background-position: 100% 0;}
#twitterpost ul li .post {position: relative;}
#twitterpost ul li .post {font-size: 11px; white-space: nowrap; position: absolute; top: 4px;}
#twitterpost ul {padding-left: 0px; margin: 0px; list-style-type: none;}

/**//* END TWITTER */



#subheader { background-color: #383530; top:22px; text-align: left; font-family: Georgia,'Times New Roman',times,serif; color: #FFF; width: 100%; height: 160px;  }
    #center_h { width: 658px; margin: 0 auto; padding:10px 50px 10px 50px;}
    #breadcrumb { font-family: Arial,Helvetica,sans-serif;  text-align: left; }
    #breadcrumb p {background-color: #383530; color: #FFF; font-size: 0.9em; }
    #breadcrumb a {color:#e54b1d; font-weight: bold;} /* Style to works on IE */
    #breadcrumb a:link { font-weight: bold; text-decoration: underline; color:#e54b1d; }
    #subheader h1 { font-size: 1.8em; font-weight: bold; float: left; padding-top: 20px;}
    #subheader h2 { font-size: 1.1em; font-weight: bold; vertical-align: middle; float: right; width: 400px;}
    #subheader span { color:#E54B1D;}


#container { margin: 40px auto 0; width: 632px; display:inline-block;}

/* HOME */ /*-----------------------------------------------------------------*/
#idx_container{  margin:auto 0; width: 758px; height: 434px; display:inline-block; background: transparent url(../images/bg_home.jpg) no-repeat; }
#idx_firma{color: #FFF;  height: 130px; width: 300px; padding: 5px; background-color: #000; margin:285px auto 0;}
    #idx_firma h1 {font-size: 1.5em; font-weight: bold;}
    #idx_firma p {font-weight: bold; padding:5px 0;}
#btn_firma {background: transparent url(../images/btn_firma.jpg) no-repeat; text-indent: -1000em; display: block; width: 124px; height: 34px; margin:0 auto;}
/* END HOME */ /*-------------------------------------------------------------*/


/* CAJA NARANJA *//**/
#home-naranja { display:block; height:434px; background: transparent url(../images/indexNaranja.jpg) no-repeat; }
#news_home_naranja {background: #FFFFFF; font-family: Georgia,'Times New Roman',times,serif; width: 355px; padding-bottom:10px; float: right; margin-right:10px; margin-top:10px; width:355px; }
#news_home_sup_naranja { border-bottom: 10px solid; color:#E06021; font-size:1.6em; margin:0 auto;  text-align:left;  width:320px;}
    #news_home_sup_naranja p {font-weight:bold; color:#CCCCCC;}
#news_home_sup_naranja span {font-size:1.3em; font-weight:bold; color:#E06021;}
#news_home_inf_naranja {font-size:14px; margin:0 auto; text-align:left; top:20px; width:320px;}
#news_home_inf_naranja p {color:#000000;}
#news_home_inf_naranja a {color:#E06021;}
#news_home_inf_naranja a:hover {color:#E06021;}
/**//**/

/* ACTUALIDAD */ /*-----------------------------------------------------------*/
#act_new {width: 632px; margin-bottom: 60px;}
    #act_tittle {font-size:1.6em; font-weight: bold; text-align: left; color: #e54b1d;}
        #act_tittle span {text-decoration: underline;}
        #act_tittle span a {text-decoration: underline; color: #e54b1d;}
    .minimag {width: 80px; margin: 20px 10px 0 0;}
    #act_header {text-align: left; margin-top: 20px; font-size: 1.2em; font-weight: bold;}
    #act_text {text-align: left; margin-top: 20px; font-size: 0.9em;}
        #act_text img { margin-right: 20px; margin-bottom: 10px;}
/* END ACTUALIDAD */ /*-------------------------------------------------------*/

/* DECALOGO */ /*-------------------------------------------------------------*/
#dec_points{ text-align: left; margin-bottom: 20px; }
    #dec_points span {color:#e54b1d; font-size: 1.5em; font-weight: bold;}
/* END DECALOGO */ /*---------------------------------------------------------*/

/* VIDEO */ /*----------------------------------------------------------------*/
#video {margin-bottom: 40px;}
/* END VIDEO */ /*------------------------------------------------------------*/

/* PATROCINADORES */ /*-------------------------------------------------------*/
#patro_main_content { font-family: Georgia,'Times New Roman',times,serif; float:left;}
    #patro_main_content ul { float: left; text-align: left; width:316px;}
    #patro_main_content li { color:#e54b1d; list-style: none; padding: 0 0 25px 0; margin-right: 30px; font-weight: bold; }
    #patro_main_content span {text-decoration: none; color: #302c23; padding-left:3px;}
    #patro_main_content span a {text-decoration: none; color: #302c23; padding-left:3px;}
    #patro_main_content span a:hover {text-decoration: underline; color: #302c23; padding-left:3px;}
/* END PATROCINADORES */ /*---------------------------------------------------*/

/* CONSEJO NOBEL */ /*--------------------------------------------------------*/
#cons_people {text-align: left; font-size: 1em; font-weight: bold; margin-bottom: 20px;}
    #cons_people span {color:#e54b1d;}
    #cons_people p {padding: 5px 0 0;}
/* ENS CONSEJO NOBEL */ /*----------------------------------------------------*/

/* FIRMANTES */ /*------------------------------------------------------------*/
    #Firm_abc { text-align: left; height: 50px; font-family: Georgia,'Times New Roman',times,serif; font-size: 0.9em; color: #302c23; }
    #Firm_abc li {float: left; list-style: none; padding-right: 14px; text-decoration: underline;}
    #Firm_abc li a  { text-decoration: underline;}
    #Firm_abc li a:hover  { color:#e54b1d; text-decoration: underline;}

#Firm_main_content { font-family: Georgia,'Times New Roman',times,serif; float:left;}
    #Firm_main_content ul { float: left; text-align: left; width:316px;}
    #Firm_main_content li { list-style: none; padding: 0 0 25px 0; margin-right: 30px; }
    #Firm_main_content span { color:#e54b1d; font-weight: bold; text-transform: capitalize; text-decoration: none;}
    #Firm_main_content a {text-decoration: none; color: #e54b1d;}
    #Firm_main_content a:hover {text-decoration: underline; color: #e54b1d;}



/* FIRMANTES Paginador
-----------------------------------------------------------------------------*/
#Firm_pagenavi {width: 630px; height: 15px; background-color: #eae9e9; float: left; margin: 15px 0; font-weight: bold; padding:3px;}
#Firm_pagenavi span {font-style: italic;}
#Firm_pagenavi a {text-decoration: none;}
        #Firm_pagenavi a:link {text-decoration: none;}
        #Firm_pagenavi a:hover {text-decoration: underline; color:#e54b1d; }
span.navthis {color:#e54b1d; text-decoration: none; font-style: normal;}
/* END FIRMANTES */ /*--------------------------------------------------------*/

/* NOMINADORES */ /*----------------------------------------------------------*/
#nomin_container {text-align: left;}
    #nomin_container p {font-size: 1em; font-weight: bold;}
    #nomin_container span {color:#e54b1d; padding-right:10px;}
    #nomin_container .nomin_title{color:#e54b1d; margin-bottom: 30px; font-size: 1.4em; font-weight: bold;}
#apoinst_container {text-align: left; margin:40px 0;}
    #apoinst_container p {font-size: 1em; font-weight: bold;}
    #apoinst_container span {color:#e54b1d; padding-right:10px;}
    #apoinst_container .nomin_title{color:#e54b1d; margin-bottom: 30px; font-size: 1.4em; font-weight: bold;}
/* END NOMINADORES */ /*------------------------------------------------------*/

/* HAZ UN DONATIVO */ /*------------------------------------------------------*/
#donat_container {height:250px; width:627px; margin: 0 auto; background: #eae9e9 url(../images/donat_sup.jpg) no-repeat; text-align: left;}
    #donat_container p {padding: 20px 0 0 130px; font-size:1.2em;}
    #donat_container span {text-indent:-1000em; background: transparent url(../images/btn_lacaixa.jpg) no-repeat; display:inline-block; height:31px; position:relative; top:-7px; width:113px;}
    #donat_container a {color:#e54b1d; text-decoration: underline; font-weight: bold;}
#donat_container2 {height:4px; width:627px; margin: 0 auto 40px; background: #eae9e9 url(../images/donat_inf.jpg) no-repeat;}
.bt_donacion{color:#E54B1D; font-weight:bold; background:transparent none repeat scroll 0 0; border: 0 none; cursor:pointer;}
.ttl_donativo {color:#E54B1D; font-weight:bold; font-size:2em;}
/* END HAZ UN DONATIVO */ /*--------------------------------------------------*/

/* CUENTALE A UN AMIGO */ /*--------------------------------------------------*/
#formulario, #formulario p {text-align: left; padding: 0;}
    #form_name {float: left; width: 310px;}
    #form_email {float:left; width: 310px;}
    #form_message {float: left; margin-top: 20px; margin-bottom: 40px;}
    #formulario input {color:#666666; font-family:Georgia,'Times New Roman',times,serif; font-size: 1.3em; }
    #formulario textarea {color:#666666; font-family:Georgia,'Times New Roman',times,serif; font-size: 1.3em;}
    #formulario .input_text {width: 250px; height: 20px; border: 1px solid #c7c6c5; background-color:#EBEAEA; margin-top: 10px; margin-bottom: 20px;}
    #formulario .input_message {width: 632px; height: 130px; border: 1px solid #c7c6c5; background-color:#EBEAEA;}
    #formulario .input_check {position: relative; top:2px;}
    #formulario .form_btnenviar {float: left; margin:8px 0 0 20px;}
    #form_alerts {float:left; color:#e54b1d; width: 500px; margin-bottom: 20px;}
    #form_check {float: left; width: 500px; margin-bottom: 20px;}
    #form_sendordelete {height: 50px; width: 632px; background-color: #ebeaea; float:left; margin-bottom: 20px;}
/* END CUENTALE A UN AMIGO */ /*----------------------------------------------*/

/* AYUDANOS A INFORMAR */ /*--------------------------------------------------*/
#help_us {text-align: left; font-weight: bold; font-size: 1.6em;}
    #help_us p {padding: 0; font-size: 0.6em; margin-bottom: 20px;}
    #help_us a {font-weight: bold; color:#e54b1d; }
#help_bannertop {width: 100%; float: left; text-align: center; background-color:#ebeaea; margin:30px 0 20px; padding:10px; font-weight: normal; }
#help_banner {width: 100%; float: left; text-align: center; background-color:#ebeaea; margin-bottom:20px; padding:10px; font-weight: normal }
#download {text-indent:-1000em; background: transparent url(../images/btn_descargar.png) no-repeat; height:28px; width:117px; display: inline-block;}
#witget-one, #witget-two  { padding-top:15px;}
#witget-one textarea, #witget-two textarea { width:626px; overflow:hidden; height:100px; font-family:Verdana, Geneva, sans-serif; font-size:10px;}

/* END AYUDANOS A INFORMAR */ /*----------------------------------------------*/

/* DESCARGA DOSSIER */ /*-----------------------------------------------------*/
#down_dossier { background-color:#ebeaea; height: 160px; width:100%; margin: 40px 0 80px 0;}
#down_dossier p { padding-top: 40px; font-size: 1.2em; font-weight: bold;}
#down_dossier .down {position: relative; top: -5px; text-indent:-1000em; background: transparent url(../images/btn_descargar.png) no-repeat; height:28px; width:117px; display: inline-block;}
/* END DESCARGA DOSSIER */ /*-------------------------------------------------*/

/* EN LOS MEDIOS */ /*--------------------------------------------------------*/
#new_medios { text-align: left; margin-bottom: 20px;}
    #new_medios p {padding:0 0 20px;}
    #new_medios a {color:#e54b1d; font-weight: bold; text-decoration: underline;}
        #medios_title p {padding:0 0 20px; font-weight: bold; font-size: 1.4em;}
        #medios_title span {color:#e54b1d; }
/* END EN LOS MEDIOS */ /*----------------------------------------------------*/

/* Right
-----------------------------------------------------------------------------*/
#right { width: 178px; margin-left: 12px; float: right; font-family: Georgia,'Times New Roman',times,serif;}
    #r_first { background: #d6cbad url(../images/right_up.jpg) no-repeat; padding:9px 9px 0; width: 160px; }
    #r_first2 { background: #d6cbad url(../images/right_up2.jpg) no-repeat; width: 178px; height: 20px;}
    #r_second { background: #c2c2c2 url(../images/right_down.jpg) no-repeat; padding: 8px; width: 162px; margin-top: 16px; text-align: left;}
        #r_second h4 {font-weight: bold;}
        #r_second img {margin: 10px 10px;}
        #r_second ol {margin-left: 50px; margin-top:10px; font-size:1em; list-style-type: decimal; font-style: italic;}
    #r_second2 { background: #c2c2c2 url(../images/right_down2.jpg) no-repeat; width: 178px; height: 15px;}

    #firmas { text-align: left; padding:0 0 5px 0px; font-weight: bold; font-size: 1.4em; border-bottom: 1px solid #A8A28E;}
        #firmas p { font-size: 0.7em; font-weight: normal; font-family: Arial,Helvetica,sans-serif;padding:5px 0 5px 3px;}
		#firmado p { font-size:15px;}

.contador {background-color: #cac3ab;}
.contadornum {background: #e16020 url(../images/cont_num_bg.jpg) repeat scroll 0 0; color:#FFF; letter-spacing: 3px; font-weight: bold; padding-left:1px;}
.contadorfirmas {background:#979180 url(../images/cont_firmas_bg.jpg) repeat scroll 0 0; color:#FFF; letter-spacing: 3px; font-weight: bold; padding-left: 1px;}

    #quierodar{width: 160px; border-bottom: 1px solid #A8A28E; border-top: 1px solid #FFFFFF;}
        #quierodar p {font-family: Georgia,'Times New Roman',times,serif; font-size: 0.9em; text-align: left; padding: 10px 0 10px 0;}
        #quierodar span { font-family: Arial,Helvetica,sans-serif; font-size: 1.1em;}
        a#btn_quiero  { background: transparent url(../images/btn_quierodar.png) no-repeat; text-indent:-600em; height: 32px; width: 155px; display: block;}
        a#btn_firmar  { background: transparent url(../images/btn_firma.png) no-repeat; text-indent:-600em; height: 32px; width: 155px; display: block;}


    #progress { border-top:1px solid #FFFFFF; border-bottom: 1px solid #A8A28E; padding:5px 0;}
        #progress p {font-style: italic; font-size: 1.2em; text-align: left;}

    #r_news {text-align: left; font-size: 1.1em; font-weight: bold; font-family: Georgia,'Times New Roman',times,serif;; border-top:1px solid #FFFFFF; padding:10px 0 0;}
        #r_news span { font-family: Arial,Helvetica,sans-serif; font-size: 0.8em; color: #302c23;}
        #r_news p {font-family: Arial,Helvetica,sans-serif;}
        #r_news a {font-weight: bold; text-decoration: none; font-size: 0.9em;}
        #r_news a:hover {text-decoration: underline;}
        #r_news li {list-style: none;}

/* Footer
-----------------------------------------------------------------------------*/
#footer { margin-top: 12px; background: #d5cbac url(../images/cornsup.jpg) no-repeat; width: 758px; display: inline-block; clear: both; }
#inf_footer {background: url(../images/corninf.jpg) no-repeat; height: 5px; width: 758px; margin-bottom: 40px; }

#resume { height: 90px; width: 590px; margin: 10px 0 10px 0; text-align: left; border-right: 1px solid #FFF; float: left;}
    #resume a {text-decoration: none;}
    #resume a:hover {text-decoration: underline;}
    #resume dt{ font-weight: bold;}
    #resume dl{float: left; margin:0 10px;}
    #resume dd {font-size:0.9em;}

#legal_contact{ padding:0 10px; float:left; margin:10px 0; border-left:1px solid #A8A28E; text-transform: uppercase; font-size: 1.2em; font-family: Georgia,'Times New Roman',times,serif; font-weight: bold;}
    #legal_contact p {text-transform: none; font-size: 0.9em; font-family: Arial,Helvetica,sans-serif; margin-top: 30px;}
    #legal_contact a {text-decoration: none;}
    #legal_contact a:hover {text-decoration: underline;}


/*HACK PARA LAS CAJAS---------------http://www.positioniseverything.net/easyclearing.html--------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */