/*-----------------------------------------------------------
TABLE OF CONTENTS
--------------------------------------------------------------

base.php

------------------------------------------------------------*/

/*	-----------------------------------------------	*/
/*	STANDAR HTML TAG RESET 	*/
/*	-----------------------------------------------	*/

body,
h1, h2, h3, h4, h5, h6,
p,
form{
	border:		0;
	margin:		0px;
	padding:		0px;
}


/*	-------------------------------------------------------	 */
/*	STANDAR HTML TAG DEFINITION */


body,
form, input, textarea{
	font-family: 	arial,verdana,sans-serif;
	font-size: 		12px;
}

body{
	background: #F6F6F6 url(images/body.jpg) center repeat-y;
} 

h1{ font-size: 28px; }
h2{ font-size: 23px; }
h3{ font-size: 19px; }
h4{ font-size: 16px; }
h5{ font-size: 14px; }
h6{ font-size: 12px; }


a { outline: none; }
a {
	color: #000088;
}
a:visited{
	color: #000088;
}
a:hover{
	color: #000000;
	text-decoration: none;
}

p {line-height: 18px;}

#header{
	width:959px;
	height:118px;
	margin: 0 auto;
}


#navegation{
	width:961px;
	height:30px;
	margin: 0 auto;	
	padding-bottom: 35px;
	background: url(images/reflection-repeat.jpg) bottom repeat-x;
}

#wellcome-section{
	width:916px; /*959*/
	margin: 0 auto;
	color: #666666;	
	padding: 0px 28px 24px 15px;
}

#wellcome-section p{
	font-size:11px;
}

.content-product{
	border-bottom: 1px solid #ededed;
}

.wellcome-text{
	position:relative;
	float:left;
	width: 389px; /*425*/
	padding: 0px 0px 0px 36px;	
}

.register-now{
	position:relative;
	display:block;
	float:left;
	margin-left: -15px;
	width: 188px;
	height: 67px;
	text-decoration:none;
	background: url(images/for.png) no-repeat;
}

.register-now span.t-h6:hover{
	color:#000000;
}

.register-now span.t-h6{
	display:block;
	color: #ffffff;
	font-size:12px;
	font-weight:bold;
	padding: 22px 0px 0px 70px;
}

.register-now span{
	display:block;
	color:#666666;
	padding: 18px 0px 0px 70px;
}

.product-info{
	float:left;
	padding: 10px 0px 0px 20px;
}

.wellcome-img{
	float:right;
	width: 450px;
	height: 286px;
	padding: 0px 0px 0px 40px;
	overflow:hidden;
}


#screenshot{
	float:left;
	width:412px; /*448*/
	padding: 22px 0px 20px 36px;
}


.item-screen{
	width: 182px;
	float:left;
	padding-right: 18px;
}

.item-screen a:hover{
	background: #eeeeff;
}

.pic-screen{
	width: 170px;
	height: 140px;
	padding: 10px 0px 0px 10px;
	margin: 10px 0px 10px 0px;
	overflow:hidden;
	border:1px solid #dddddd;
}



#miscellaneous{
	float:right;
	width:375px;
	padding: 22px 40px 0px 0px;
}

.news{
	font-size:11px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #ededed;
}

.news a,
.news a:visited{
	color: #666666;
	text-decoration:none;
}

.news a:hover{
	color: #666666;
	background: #eeeeff;
}

.say-about{
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #ededed;
}

.Who-uses-it{
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #ededed;
}


#content-section{
	width:916px; /*959*/
	margin: 0 auto;
	color: #666666;
	min-height:500px;	
	_height:500px;	
	padding: 0px 28px 24px 15px;
}


#content-footer{
	width:916px; /*959*/
	margin: 0 auto;
	color: #666666;
	padding: 15px 28px 24px 15px;
}


/*
Custon class
*/

.img-border{
	padding: 5px;
	border: 1px solid #DDDDDD;
}

.italic{
	font-style: italic;
}

.block-inline{
	display:inline;	
}

.block-inline a{
	color: #666666;
	text-decoration: none;
}

.t-red,
.t-red a{
	font-weight: normal;
	color: #ff0000;
	font-size: 11px;
	text-decoration: none;
}


.mclear{
	font-size:1px;
	clear:both;
}

.txt-black,
.txt-black a,
.txt-black a:visited{
	color: #000000;
	background: none;
	text-decoration: none;
}
.txt-black a:hover{
	color: #666666;
	background: none;
}

a.bottom-green,
a.bottom-red{
	display:block;
	width:58px;
	line-height:20px;
	height:22px;
	font-size:12px;
	color:#ffffff;
	margin-left:10px;
	text-align:center;
	text-decoration:none;
	background: url(images/green-bottom.jpg) no-repeat;
}
a.bottom-green:visited{
	color:#ffffff;
}

a.bottom-green:hover{
	text-decoration:underline;
}

a.bottom-red{
	background: url(images/red-bottom.gif) no-repeat;
}

.slogan{
	font-size:14px;
	width:346px;
	padding: 39px 0px 0px 49px;
}
.float-left{
	float:left;
}
.float-right{
	float:right;
}

/*
 * Links
 * */


a.hover-img img{
	padding: 2px;
	border: 1px solid #ffffff;
}

a.hover-img img:hover{
	border: 1px solid #dddddd;
}

a.lnk-icon{
	color: #0060bf;
	font-size:11px;
	padding: 1px 0px 1px 20px;
	background: url(images/icon_bargraph.gif) no-repeat; 
}
a.lnk-icon:visited{
	color:#0060bf;
}

a.lnk-icon:hover{
	color:#000000;
}



a.dash{
	background: url(images/icon_dashboard.gif) no-repeat; 
}

a.help{
	background: url(images/icon_help.gif) no-repeat; 
}


/*
Menuss
*/

ul.menu-horizontal{
	display:block;
	margin:0px;
	padding:0px 0px ;
	list-style:none;
	background: url(images/top-navegation.jpg) repeat-x;
	/*height:30px;*/
	text-align:center;
}

ul.menu-horizontal li{
	display: inline;
	padding: 0px 12px 42px 12px;
	background: url(images/inicio-reflection.jpg) 12px bottom no-repeat;
}

ul.menu-horizontal li a,
ul.menu-horizontal li a:visited{
	color:#666666;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
	line-height: 30px;
	padding: 1px 0px 1px 22px;
}

ul.menu-horizontal li a:hover{
	color: #000000;
}


ul.menu-horizontal li.star-r{background: url(images/inicio-reflection.jpg) 12px bottom no-repeat;}
ul.menu-horizontal li.edit-r{background: url(images/edit-reflection.jpg) 12px bottom no-repeat;}
ul.menu-horizontal li.about-r{background: url(images/leer-mas-reflection.jpg) 12px bottom no-repeat;}
ul.menu-horizontal li.compare-r{background: url(images/compare-reflection.jpg) 12px bottom no-repeat;}
ul.menu-horizontal li.email-r{background: url(images/contact-reflection.jpg) 12px bottom no-repeat;}

ul.menu-horizontal li  a.star{		background: url(images/star.gif) left center no-repeat;}
ul.menu-horizontal li  a.edit{		background: url(images/icon_edit.gif) left center no-repeat;}
ul.menu-horizontal li  a.about{		background: url(images/icon_help.gif) left center no-repeat;}
ul.menu-horizontal li  a.compare{	background: url(images/icon_dashboard.gif) left center no-repeat;}
ul.menu-horizontal li  a.email{		background: url(images/email.gif) left center no-repeat;}

ul.menu-horizontal li a.active{
	color:#000000;
}

/*
 * Menu que deje de ocupar por que me cambiaron el menu
 * */

ul.menu{
	display:block;
	margin:0px;
	padding:0px 50px ;
	list-style:none;
	background: url(images/menu.gif) repeat-x;
	height:29px;
	color:#ffffff;
	line-height:29px;
}

ul.menu li {
	display:inline;
	/*line-height:29px;*/
	text-align:center;
}
ul.menu li{
	padding: 1px;
}

ul.menu li a.selected{
	color:#000000;
	text-decoration:none;
	padding: 5px 5px 10px 5px;
	background: #ffffff;	
	-moz-border-radius: none;
}

ul.menu li a{
	color:#ffffff;
	text-decoration:none;
	padding: 2px 5px;
	background: #3a75b7;
	-moz-border-radius: 4px;
}


ul.footer-navegation{
	display:block;
	margin:0px;
	padding:0px 0px ;
	list-style:none;
	text-align:center;
	font-size: 10px;
	color: #666666;
}

ul.footer-navegation li {
	display: inline;
}

ul.footer-navegation li a,
ul.footer-navegation li a:visited{
	color: #666666;
	text-decoration: none;
}

ul.footer-navegation li a:hover{
	text-decoration: underline;
}

/*
 * Social bookmark
 * */

.addthis_toolbox{
	padding: 0px 0px 10px 0px;
}


/*
ALERT MESSAGES
****************/

#msj_aviso, .msj_aviso{
	width: 538px;
	border:solid 1px #DEDEDE;
	background:#FFFFCC url(images/warning.png) 5px 1px no-repeat;
	color:#CC0000;
	padding:5px 4px 4px 33px;
	font-weight:normal;
	text-align:center;
	font-size:12px;
}
#msj_aviso_add{
	width: 538px;
	border:solid 1px #DEDEDE;
	background:#FFFFCC url(images/accept.png) 5px 1px no-repeat;
	color:#CC0000;
	padding:5px 4px 4px 33px;
	font-weight:normal;
	text-align:center;
	font-size:12px;
}

/*
STYLE PARA FORMULARIOS
----------------------- */


.valen,textarea{
	width: 305px;
	padding: 3px;	
	border: 1px solid #DDDDDD;
	-moz-border-radius: 3px;
}

.valenBAD, .valenTtBAD{
	width: 305px;
	padding: 3px;	
	border: 1px solid #ff0000;
	-moz-border-radius: 3px;
}

.send-gree{
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	padding:2px 4px 2px 4px;
	background:#ff0000 ;
	border: 1px solid #9c0e11;
	-moz-border-radius: 3px;
}

.bgwarning{
	color: #000000;
}

.content-form{
	font-size: 11px;
}

.content-form label{
	cursor: pointer;
}

.content-form span{
	font-size: 10px;
}

/*
 * Strong password
 * */

.content-pstrength{
	float:left;
	*padding-left:4px;
	_padding-left:4px;
}

#_password_bar{	
	margin: 0px 27px 0px 7px;
}

#_password_text{	
	font-size:10px;
	padding: 0px 50px 0px 7px;
}

#_password_minchar{	
	font-size:10px;
	padding: 0px 0px 0px 7px;
}

/*
 * image
 * */
.floatingimage{
	padding: 5px;
	border: 1px solid #DDDDDD;
}


/*
 * Style for the table vs
 * */

.tableborder { border: 1px solid #dde; }

.alt { background: #eef !important; }
.alt2 { background: #eef !important; }
.small, table.small td, .small select, .small input { font-size: 10px; }
.center, .centered { text-align: center !important; }
.mb-3  {margin-bottom: -3px !important;}

/*
 * Style for kpaginate
 * */

#kpaginate td{
	padding: 0 4px ;
	width: 20px ;
}

#kpaginate a{
	display: block ;
	font-family: arial ;
	font-size: 12px ;
	padding: 2px 0 ;
	text-align: center ;
	text-decoration: none ;
}

#kpaginate a.normal{
	background: #def ;
	color: #369 ;
}

#kpaginate a.selected{
	color: #fff ;
	display: block ;
	background: #f70 ;
}

#kpaginate a.back,
#kpaginate a.next,
#kpaginate a.backdis,
#kpaginate a.nextdis{
	background: url(images/kpaginate-actions.png) no-repeat ;
	height: 14px ;
}

#kpaginate a.back{
	background-position: 0 0 ;
}

#kpaginate a.backdis{
	background-position: 0 -24px ;
}

#kpaginate a.next{
	background-position: -24px 0 ;
}

#kpaginate a.nextdis{
	background-position: -24px -24px ;
}