/* CSS Document */

/*PAGE LAYOUT*/



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}
 
body {background-color:#FFFFFF}




ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        /* interfers with ext.net button alignment : text-align: left; */
        font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}






/**** HEADER *******************************/

#header_b{
width:100%;
height:auto;
text-align: center;
margin:0 auto; 
background-image:url(../images/diarybook2011/background_header.jpg);
padding:0px;}



#header{
width:1010px;
height:150px;
padding:0px;
text-align: center;
margin:0 auto;}


.box1_header{
width:1010px;
height:90px;
padding:0px;
text-align: left; 
float:left}


/**** MENU *******************************/



.menu{
	width:1007px;
	height:60px; 
	padding:0 0 0 3px; 
	text-align: center; 
	float:left;
}


.nav { list-style: none;}
.nav li { float: left;}
.nav li a {display: block; font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff; text-align:center; text-decoration:none; float:left}

.nav li .navl { width:2px; height:60px; padding:0px; }
.nav li .nav1 { width:150px; height:40px;  padding:20px 0 0 0 }
.nav li .nav2 { width:178px; height:40px;  padding:20px 0 0 0 }
.nav li .nav3 { width:161px; height:40px;  padding:20px 0 0 0 }
.nav li .nav4 { width:196px; height:40px;  padding:20px 0 0 0 }
.nav li .nav5 { width:146px; height:40px;  padding:20px 0 0 0 }
.nav li .nav6 { width:157px; height:40px;  padding:20px 0 0 0 }

.nav li .nav1:hover { background-image:url(../images/diarybook2011/nav1_r.jpg)}
.nav li .nav2:hover { background-image:url(../images/diarybook2011/nav2_r.jpg)}
.nav li .nav3:hover { background-image:url(../images/diarybook2011/nav3_r.jpg)}
.nav li .nav4:hover { background-image:url(../images/diarybook2011/nav4_r.jpg)}
.nav li .nav5:hover { background-image:url(../images/diarybook2011/nav5_r.jpg)}
.nav li .nav6:hover { background-image:url(../images/diarybook2011/nav6_r.jpg)}

.nav li .nav1_over { width:150px; height:40px;  padding:20px 0 0 0; background-image:url(../images/diarybook2011/nav1_r.jpg) }
.nav li .nav2_over { width:178px; height:40px;  padding:20px 0 0 0; background-image:url(../images/diarybook2011/nav2_r.jpg) }
.nav li .nav3_over { width:161px; height:40px;  padding:20px 0 0 0; background-image:url(../images/diarybook2011/nav3_r.jpg) }
.nav li .nav4_over { width:196px; height:40px;  padding:20px 0 0 0; background-image:url(../images/diarybook2011/nav4_r.jpg) }
.nav li .nav5_over { width:146px; height:40px;  padding:20px 0 0 0; background-image:url(../images/diarybook2011/nav5_r.jpg) }
.nav li .nav6_over { width:157px; height:40px;  padding:20px 0 0 0; background-image:url(../images/diarybook2011/nav6_r.jpg) }


/**** CONTAINER *******************************/

#container_b{
width:100%;
height:720px;
text-align: center;
margin:0 auto;
background: url(../images/diarybook2011/container_b.jpg) no-repeat top center; 
padding:0px;}

#container{
width:1010px;
height:720px;
padding:0px;
text-align: center; 
margin:0 auto;
opacity: 1;
}


/** IFLOW TESTING **/
.container_block
{
	position: static;
	width:100%;
	height:720px;
	margin:0 auto;
	padding:0px;
	display: block;
}

.container_main
{
	position: absolute;
	width:100%;
	height:720px;
}

.container_layer
{
	width:100%;
	position: absolute;
	top: 0;
}

.container_text
{
	position: relative;
	width:1010px;
	height:720px;
	padding:0px;
	text-align: center; 
	margin:0 auto;
	opacity: 1;
}

#container_image1
{
	position: relative;
	width:100%;
	height:720px;
	text-align: center;
	margin:0 auto;
	background: url(../images/diarybook2011/container_image1.jpg) no-repeat top center; 
	padding:0px;
}

#container_image2
{
	position: relative;
	width:100%;
	height:720px;
	text-align: center;
	margin:0 auto;
	background: url(../images/diarybook2011/container_imageB.jpg) no-repeat top center; 
	padding:0px;
}

/** END IFLOW TESTING **/





#center{
width:1010px;
height:auto; 
margin:0px;
padding:0px;
text-align: center;
float:left }



.box1_home{
width:990px;
height:368px; 
padding:50px 20px 0 0;  
text-align:left;
float:left }



.box1_home1{
width:965px;
height:auto; 
padding:0 25px 50px 0; 
text-align: right; 
float:left }


.box1_h1_1{
width:965px;
height:auto; 
padding:0px; 
text-align: right; 
font-family:Arial, Helvetica, sans-serif; font-size:29px; color:#002759; 
float:left }

.box1_h1_2{
width:965px;
height:auto; 
padding:0px; 
text-align: right; 
font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#333333; 
float:left }



.box1_home2{
width:250px;
height:auto; 
padding:0 0 0 740px; 
text-align: right; 
float:left }


.box1_h2_1{
width:250px;
height:100px;
padding:15px 0 0 0; 
text-align: left;
background-image:url(../images/diarybook2011/box1_h2_1.png);  
float:left }


.box1_h2_2{
width:225px;
height:auto;
padding:0 25px 2px 0; 
text-align: right; 
font-family: Arial, Helvetica, sans-serif; font-size:20px; color:#012859;
float:left }

.box1_h2_3{
width:225px;
height:auto;
padding:0 25px 10px 0; 
text-align: right; 
font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#666666;
float:left }


.box1_h2_4{
width:235px;
height:auto;
padding:0 0 0 15px; 
text-align: left;
float:left }

a.try{
width:100px;
height:22px; 
margin:0 6px 0 0;
padding:4px 0 0 0; 
background-image:url(../images/diarybook2011/boton1_a.png); 
text-align: center; 
font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; text-decoration:none;
float:left }

a.try:hover{background-image:url(../images/diarybook2011/boton1_b.png);}



a.video{
width:113px;
height:22px; 
padding:4px 0 0 0; 
background-image:url(../images/diarybook2011/boton2_a.png); 
text-align: center; 
font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; text-decoration:none;
float:left }

a.video:hover{background-image:url(../images/diarybook2011/boton2_b.png);}



.box2_home{
width:988px;
height:168px; 
padding:11px;  
text-align:left; 
background-image:url(../images/diarybook2011/box2_home.png);
float:left }


.box2_home1{
width:219px;
height:auto; 
padding:0 14px 0 14px;  
text-align:left; 
float:left }

.box2_h1_1{
width:219px;
height:auto; 
padding:0 0 10px 0; 
font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#012858;  
text-align:left; 
float:left }

.box2_h1_2{
width:219px;
height:auto; 
padding:0px; 
text-align:left; 
float:left }


.box3_home{
width:988px;
height:auto; 
padding:11px;  
text-align:left;
background-image:url(../images/diarybook2011/box3_home.jpg);  
float:left }



.box3_h1_1{
width:219px;
height:auto; 
padding:0 0 10px 0; 
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:17px;  
text-align:left; 
float:left }

/**** BOTTOM *******************************/


#bottom 
{
width:100%;
text-align: center;
margin:0 auto;
padding:0px;
background: url(../images/diarybook2011/background_footer2.png) no-repeat top center;  
float:left}



#bottom_cont{
width:960px;
height:250px; 
text-align: center;
margin:0 auto; 
padding:10px 25px 0 25px;}

.foot_col_1
{
	width: 150px;
	height: auto;
	text-align: left;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	border-right: thin solid #333333;
	padding: 5px 0px 5px 0px;
	margin: 0px 20px 5px 20px;
}
.foot_col_1 a { text-decoration: none; color: #FFFFFF; padding-bottom: 10px; display: block; }
.foot_col_1 a:hover { text-decoration: none; color: #FF9900; }

.foot_logos
{
	width: 350px;
	margin-top: 10px;
	float: right;
}


.foot_copyright
{
	clear:right;
	float: right;
	margin-top: 110px;
	text-align: right;
	width: 360px;
	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; font-weight:normal; 
}



.box1_foot{
width:730px;
height:auto; 
text-align:left;
padding:0px; 
float:left;}

.box2_foot{
width:215px;
height:auto; 
text-align:left;
padding:0 0 0 13px; 
float:left;}


.box3_foot{
width:730px;
height:auto; 
text-align:left;
padding:0px; 
float:left;}


.navp { list-style: none;}
.navp li { float: left;}
.navp li a {width:auto;  height:auto; padding:0 8px 0 0;  display: block; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-align: left; text-decoration:none; float:left}

.navp li .nav { width:auto; }
.navp li .navc { width:auto; padding:5px 8px 0 0}

.navp li .nav:hover { color: #FF9900}
.navp li .nav_over { color:#FF9900}


.copy{
width:760px;
height:auto; 
text-align: left;
padding:0px 0 0 0;
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; font-weight:normal; 
float:left}





/**** INNER *******************************/

#inner_b{
width:100%;
height:auto;
text-align: center;
margin:0 auto;
padding:0px;}



#inner{
width:1000px;
height:auto;
padding:0px;
text-align: center; 
margin:0 auto;}




#center_inn{
width:960px;
height:auto; 
margin:0px;
padding:35px 20px 0 20px;
text-align: center;
float:left }


.box1_inn{
width:960px;
height:auto; 
padding:0px;  
text-align:left;
float:left }

.box1_inna{
width:960px;
height:auto; 
padding:0 0 95px 0;  
text-align:left;
float:left }


.box1_inn1{
width:465px;
height:auto; 
padding:0px;  
text-align:left;
float:left }


.box1_inn2{
width:475px;
height:auto; 
padding:0 20px 0 0;  
text-align:left;
float:left }

.box1_i2_1{
width:475px;
height:auto; 
padding:25px 0 8px 0; 
text-align: right; 
font-family:Arial, Helvetica, sans-serif; font-size:29px; color:#002759; 
float:left }

.box1_i2_2{
width:475px;
height:auto; 
padding:0 0 50px 0; 
text-align: right; 
font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#333333; line-height:25px; 
float:left }

.box1_inn3{
width:250px;
height:auto; 
padding:0 0 0 245px;  
text-align:left;
float:left }


.box1_i3_1{
width:250px;
height:100px;
padding:15px 0 0 0; 
text-align: left;
background-image:url(../images/diarybook2011/box1_i3_1.jpg);  
float:left }





.box1_inn4{
width:465px;
height:auto; 
padding:0px;  
text-align:left;
float:left }

.box1_inn5{
width:435px;
height:auto; 
padding:0 15px 0 15px;  
text-align:left; 
background-color:#ccdbe5;
float:left }

.box1_i5_1{
width:435px;
height:auto; 
padding:0 0 5px 0;  
text-align:left; 
font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#002659; 
float:left }

.box1_i5_2{
width:435px;
height:auto; 
padding:0px;  
text-align:left; 
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:16px; 
float:left }


.box1_inn6{
width:465px;
height:auto; 
padding:0 0 15px 0;  
text-align:left;
float:left }

.box1_c{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#002659; }



.box3_inn{
width:380px;
height:auto; 
padding:0px;  
text-align:left;
float:left }

.box3_inn1{
width:380px;
height:auto; 
padding:0 0 15px 0;  
text-align:left;
font-family:Arial, Helvetica, sans-serif; font-size:29px; color:#002659;
float:left }

.box3_inn2{
width:380px;
height:auto; 
padding:0 0 8px 0;  
text-align:left;
font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#333333;
float:left }

.box3_inn3{
width:380px;
height:auto; 
padding:0 0 8px 0;  
text-align:left;
font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; line-height:16px;
float:left }

.box4_inn{
width:580px;
height:auto; 
padding:0px;  
text-align:left;
float:left }


.box5_inn{
width:960px;
height:auto; 
padding:0 0 7px 0;  
text-align:left;
font-family:Arial, Helvetica, sans-serif; font-size:29px; color:#002659;
float:left }

.box5_inn1{
width:960px;
height:auto; 
padding:0 0 8px 0;  
text-align:left;
font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; line-height:16px;
float:left }

.selec{
width:160px;
height:22px; 
padding:0px;  
text-align:left;
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:bold;
float:left }

.box5_inn2{
width:952px;
height:auto; 
padding:0 8px 0 0;  
text-align:left;
float:left }

.box5_i2_1{
width:232px;
height:46px; 
padding:49px 0 0 0;  
text-align:left;
float:left }

a.register{
width:160px;
height:34px; 
padding:12px 0 0 0;  
text-align: center; 
background-image:url(../images/diarybook2011/boton3_a.jpg); 
font-family: Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#FFFFFF; text-decoration:none;
float:left }

a.register:hover{background-image:url(../images/diarybook2011/boton3_b.jpg); }


.box5_i2_2{
width:720px;
height:95px; 
padding:0px;  
text-align:left;
float:left }

.box5_i2_3{
width:720px;
height:26px; 
padding:0 0 0 232px;  
text-align:left; 
background-image:url(../images/diarybook2011/box5_i2_3.jpg);
float:left }

.box5_i2_4{
width:144px;
height:auto; 
padding:0px;  
text-align:center; 
font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000; 
float:left }

.box5_i2_5{
width:952px;
height:27px; 
padding:0px;  
text-align:left; 
background-image:url(../images/diarybook2011/box5_i2_5.jpg);
float:left }


.box5_i2_6{
width:222px;
height:auto; 
padding:5px 0 0 10px;  
text-align: left; 
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; 
float:left }


.box5_i2_7{
width:144px;
height:auto; 
padding:5px 0 0 0;  
text-align:center; 
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; 
float:left }

.box5_i2_8{
width:952px;
height:27px; 
padding:0px;  
text-align:left; 
background-image:url(../images/diarybook2011/box5_i2_8.jpg);
float:left }

.box5_i2_9{
width:942px;
height:27px; 
padding:10px 0 0 10px;  
text-align:left; 
background-image:url(../images/diarybook2011/box5_i2_9.jpg); 
font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FFFFFF;
float:left }

.box5_i2_10{
width:937px;
height:auto; 
padding:36px 15px 36px 0;  
text-align: right; 
float:left }


.box6_inn{
width:960px;
height:auto; 
padding:0 0 60px 0;  
text-align:left;
font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; line-height:16px;
float:left }


.box6_inn1{
width:950px;
height:27px; 
padding:10px 0 0 10px;  
text-align:left; 
background-image:url(../images/diarybook2011/box6_inn1.jpg); 
font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FFFFFF;
float:left }

.box6_inn2{
width:960px;
height:auto; 
padding:0px;  
text-align:left; 
float:left }

.box6_inn3{
width:924px;
height:auto; 
padding:0 23px 0 13px;  
text-align:left; 
background-color:#ccdbe5; 
float:left }


.box6_i3_1{
width:480px;
height:auto; 
padding:0px;  
text-align:left;  
float:left }

.box6_i3_2{
width:444px;
height:auto; 
padding:0px;  
text-align:left;  
float:left }


.box6_i3_3{
width:480px;
height:auto; 
padding:0 0 9px 0;  
text-align:left;  
float:left }

.box6_i3_4{
width:125px;
height:auto; 
padding:5px 0 0 0;  
text-align:left; 
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;  
float:left }

.box6_i3_5{
width:310px;
height:26px; 
padding:0px;  
text-align:left; 
background-image:url(../images/diarybook2011/box6_i3_5.jpg); 
float:left }

.campo{
width:290px;
height:20px; 
padding:5px 0 0 10px; 
background:none; 
border:0px;  
text-align:left; 
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;  
float:left }

.box6_i3_6{
width:444px;
height:auto; 
padding:0 0 9px 0;  
text-align:left;  
float:left }

.box6_i3_7{
width:145px;
height:auto; 
padding:5px 0 0 0;  
text-align:left; 
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;  
float:left }

.box6_i3_8{
width:290px;
height:auto; 
padding:5px 0 0 0;  
text-align:left;
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#012c5d;    
float:left }

a.cbl{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#012c5d; font-weight:bold}
a.cbl:hover{color: #000000;}


.box7_inn{
width:160px;
height:36px; 
padding:0 0 0 800px;  
text-align:right; 
background-image:url(../images/diarybook2011/box7_inn.jpg);
float:left }

.b_send{
width:120px;
height:36px; 
padding:0px; 
border:0px; 
cursor:pointer;   
text-align: center; 
background-image:url(../images/diarybook2011/boton4.png); 
font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#FFFFFF; text-decoration:none;
float:left }


.box8_inn{
width:960px;
height:auto; 
padding:10px 0 100px 0;  
text-align:left; 
float:left }

.box8_inn1{
width:290px;
height:90px; 
margin:0 32px 0 0; 
padding:15px 20px 0 20px;  
text-align:left; 
background-image:url(../images/diarybook2011/box8_inn1.jpg); 
float:left }

.box8_i1_1{
width:290px;
height:auto; 
padding:0 0 5px 0; 
font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#002759;  
text-align:left;  
float:left }

.box8_i1_2{
width:290px;
height:auto; 
padding:0 0 5px 0; 
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;  
text-align:left;  
float:left }

.box8_i1_3{
width:290px;
height:auto; 
padding:0 0 5px 0; 
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#012959;  
text-align:left;  
float:left }


a.pdf{ padding:7px 0 0 7px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#012959; font-weight:bold; text-decoration:none; float:left } a.pdf:hover{ color: #990000;}

a.pp{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;  }


/*
IFLOW
*/
.terms
{
	width:1007px;
	text-align: left;
	margin: 0 auto;
	padding: 5px 0px 0px 0px;
	display: block;
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#012959;  
}

.terms p
{
	margin-top: 10px;
}

.terms_title, h2
{
	font-size: large;
	font-weight: bold;
	margin-top: 10px;
}