/*
Template Name: Azuka HTML Template
Description: A CV/Resume HTML Template
Author: Chris Creed
URL: http://www.chris-creed.com
*/

/* Colors: Blue - #0b8bbb // Orange - #e86e14 */

@import "reset.css";

/* -------------------- */
/* -- General Styles -- */
/* -------------------- */
#fondo{
        width: 870px;
        height: 100%;
        margin: 20px auto;
        padding: 0;
        border: 1px #eee solid;
        -webkit-box-shadow: 0px 0 50px #aaa;
        -moz-box-shadow: 0px 0 30px #aaa; 
        box-shadow: 0px 0 50px #aaa;
        background: #fff;
        background: -moz-linear-gradient(top, #EEEEEE 0%, #FFFFFF 20px);
        background: -webkit-gradient(linear, left top, left 20, color-stop(0,#EEEEEE), color-stop(1,#FFFFFF));
      }

#imagen{
        background: url(../images/fondo.png) no-repeat;
        background-position: 260px 155px;
      }

#wrap { 
        width: 730px; margin: 20px auto;
        font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; color: #555;
        padding: 0 70px 20px 70px;
      }
      
body { font-family: times, serif; background-color: #CACACA; }
h1 { font-size: 40px; margin: 0 0 30px 0; letter-spacing: -1px; }
h2 { font-size: 34px; margin: 0 0 20px 0; }
h3 { font-size: 24px; margin: 30px 0 20px 0; }
h4 { font-size: 20px;margin: 30px 0 15px 0;	color: #36C;}
h5 { font-size: 18px; margin: 30px 0 5px 0;}
p { font-size: 18px; line-height: 22px; margin: 0 0 15px 0; }
em {color: #555; font-style: italic;}
a { color: #0b8bbb; }
a:hover { color: #0b8bbb; }
.line { clear: both; border-bottom: 2px #eee solid; }




/* ------------ */
/* -- Header -- */
/* ------------ */
#header {width: 730px;margin: 0;padding: 15px 0 10px; overflow:hidden;}
#header h1.logo {float:left; margin:10px 0 0;}
#header h2.logo {float:right; margin:0;}
#header .cont {clear:both;}
#header #header-content { float: left; width: 466px; }
#header #header-content h1 { margin: 0 0 2px 0; color: #444; }
#header #header-content h2 { color: #36c; font-size: 25px; margin:0 0 10px; font-weight: bold;}
#header #header-content p { font-size: 15px; margin: 0 0 0 1px; }
#header #contact-details { margin: 0; font-size: 13px}
#header #header-content .contact { font-size: 16px; color: #888; margin: 0; }
#header #header-content .contact span { color: #444; width: 75px; float: left; } 
#header #header-photo { float: right;  background-color: #eee;  padding: 5px 5px 2px 5px; -webkit-box-shadow: 0px 0 10px #aaa; -moz-box-shadow: 0px 0 10px #aaa; box-shadow: 0px 0 10px #aaa; }
#header #header-photo img { width: 230px; height: 179px; border: 1px #ddd solid; }
#header #direccion-postal { float: right; margin: 0; padding-top: 33px; font-size: 13px}
/*- Menu Tabs--------------------------- */ 
    #tabsJ { float:left; display: block; border-bottom:1px solid #24618E; width:100%; clear:both; margin-bottom:15px;}
    #tabsJ ul {	margin:0;	padding:10px 10px 0 0;	list-style:none; overflow:hidden;}
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url(../images/tableftJ.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 2px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url(../images/tabrightJ.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

/* MENU 2*/
    #button {
      padding: 0;
      display: inline-block;
      border-bottom:1px solid #24618E;
      width: 100%;
      margin: 15px 0 15px;
    }
    #button li {
      display: inline;
    }
    #button li a {
      font-family: "Myriad Pro";
      font-size:16px;
      text-decoration: none;
      float:left;
      padding: 6px;
      background-color: #A0C0FF;
      color: #fff;
      margin-right: 1px;
      border: 1px solid #8A8A8A;
      -webkit-border-top-left-radius: 7px;
      -webkit-border-top-right-radius: 7px;
      -moz-border-radius-topleft: 7px;
      -moz-border-radius-topright: 7px;
      border-top-left-radius: 7px;
      border-top-right-radius: 7px;
    }
    #button li a.current{
      background-color: #2586d7;
      font-size:16px;
    }
    #button li a.current span{
      color: white;
    }

    #button li a.sp, #button li a.uk{
      border: none;
      text-indent: -9000px;
      background-color: #2586d7;
      float: right;
      margin-top: -2px;
      padding: 6px 24px; 
    }
    #button li a.sp{
      background: url(../images/sp_icon32.png) no-repeat center top;
    }
    #button li a.uk{
      background: url(../images/uk_icon32.png) no-repeat center top;
    }
    
    #button li a.sp:hover, #button li a.uk:hover{
      background-color: white;
      margin-top: -4px;
    }

    #button li a.idioma {
      background-color: #A0C0FF;
      font-size:16px;
      float: right;
    }
    
    #button li a.idiomacurrent {
      background-color: #2586d7;
      font-size:16px;
      float: right;
    }

    #button li a.idiomacurrent span{
      color: #FFF
    }
    #button li a.idioma span{
      color: #1C1C1C
    }

    #button li a span{
      color: #1C1C1C;
    }
    #button li a:hover {
      background-color: #2586d7;
      margin-top:-2px;
      padding-bottom:8px;
    }
    #button li a:hover span{
      margin-top:-2px;
      padding-bottom:8px;
      color: white;
    }


/* FIN DEL MENU 2*/


/* ------------- */
/* -- Content -- */
/* ------------- */
#content .cv-section {
	width: 730px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	list-style-type: circle;
	text-align: justify;
	color: #36F;
}
#content .cv-section h3 {font-size: 21px;color: #36C;margin: 18px 0 15px 0; font-weight: bold;}
#content .cv-section h4.title { font-size: 18px; color: #36C; margin: 30px 15px 18px; }
#content .cv-section h4.meta { font-size: 22px; color: #777;}
#content .cv-section h4 {font-size: 17px; margin: 39px 0 24px;}
#content .cv-section p { font-size: 14px; color: #555; letter-spacing: 0; }
#content .cv-section p.primeralinea { text-indent: 40px}
#content .cv-section strong {color: #555; font-weight: bold; letter-spacing: 0}
#content .cv-section-item { padding: 0 0 15px 0; }
#content .cv-section i {color: #36C;}

/* FOOTER */

#footer hr
  {
    border: 1px solid #24618E;
    width: 100%;
  }

#footer p
  {
    font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-size: 12px;
    text-align: right;
  }