/*Small reset*/
body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p{
    margin:0;
    padding:0;
}

body.nobackground{ /*Login page doesnt need a background-image*/
    background-color:#484848;
    background-image:none;
}

#login{
	background:#FFFFFF url("../images/scheme1/bg.jpg") repeat-x scroll 0 -20px;
	height:261px;
	margin:0 auto;
	padding:0px;
	position:relative;
	width:558px;
}
#login1 {
	background:url(../images/scheme1/lineafondo_02.png) repeat-y scroll 0px -20px;
	height:auto;
	margin:0 auto;
	padding:0px;
	position:relative;
	width:558px;
}
#bottom {
	background:url(../images/scheme1/lineabotton_05.png) no-repeat;
	height:14px;
	margin:0 auto;
	padding:0px;
	position:relative;
	width:558px;
}



#login1 .logo a{
    left:4px;
    top:3px;
}

#login .logo a{
    left:4px;
    top:10px;
}

#login-form{
	padding-top:40px;
	padding-left: 25px;
	padding-right: 40px;
}

#login-form p{
    padding-bottom:10px;
}

.forgot_pw{
    display:block;
    float:right;
    font-size:10px;
    padding:4px;
}

.remember{
    display:block;
    float:left;
}

.icon_login{
    background-image:url("../icons/lock.png");
    height:91px;
    position:absolute;
    right:16px;
    top:318px;
    width:239px;
}

.loginheading {
	border:medium none;
	color:#000000;
	font-size:15px;
	left:27px;
	position:absolute;
	top:8px;
}

body .login_message{
    width:282px;
    margin:15px auto;
}

body .login_message p{
    padding:10px 20px 10px 52px;
    background-position:15px 8px;
}

/*----------------------------------------
2.) Styles for Admin Area
----------------------------------------*/
html{
    background:#484848;
}

body{
    font-size:12px;
    font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
    line-height:1.5em;
    color:#484848;
    position:relative;
}

#top{
    position:relative;
    min-width:760px;
    max-width:1440px;
    margin:0 auto;
}

/*----------------------------------------
2.1) Head
----------------------------------------*/

#head{
    position:relative;
    background:transparent url("../images/bg_head.png") no-repeat;
    height:90px;
    color:#fff;
}

#head a, #head a:hover{color: #fff; text-decoration:none;}

.logo{
    width:400px;
    height:40px;
    z-index:1;
    left:37px;
}

.logo2{
    width:234px;
    height:90px;
    position:absolute;
    z-index:1;
    left:49px;
    top: 319px;
}		

.logo a{
    width:390px;
    top:5px;
    display:block;
    position:absolute;
    left:50px;
    outline:none;
    visibility: visible;
    font-size: 24px;
}

.logo2 a{
    width:290px;
    height:90px;
    display:block;
    position:absolute;
    text-indent:-99999px;
    background:transparent url("../images/logo.png") no-repeat;
    top:3px;
    left:3px;
    outline:none;
    z-index: 1;
}

.head_memberinfo{
    position:absolute;
    right:50px;
    top:20px;
    z-index:2;
    font-size:11px;
    line-height:13px;
    width: 500px;
    text-align: right;
}

.memberinfo_span{
    top: 15px;
    padding-right:5px;
    margin-right:5px;
    border-right:1px solid #eee;
}

.memberinfo_span2{
    display:block;
    clear:both;
    padding-top:5px;
}

#head .memberinfo_span2 a{
    color:#999;	
}

.head_memberinfo_logo img{
    position:absolute;
    top:0;
    z-index:1;
} 

.head_memberinfo_logo span{
    font-size:10px;
    left:23px;
    position:absolute;
    top:2px;
    z-index:2;
} 

/*----------------------------------------
2.2) Main
----------------------------------------*/
#bg_wrapper{
    margin:0 auto;
    padding-bottom: 20px;
    width:80%;
}
/*----------------------------------------
2.2.1) Main
----------------------------------------*/
#main{
    float:right;
    width:100%;
    margin-left:-300px;
    position:relative;
}

/*----------------------------------------
2.2.2) Sidebar
----------------------------------------*/

#sidebar{
    float:left;
    width:270px;
    position:relative;
}

#sidebar ul{
    list-style-type:none;
    list-style-position:outside;
}

#sidebar li a{
    line-height:25px;
    width:230px;
    text-decoration:none;
    display:block;
    padding: 0 20px;
    background:transparent url("../images/dotted_line.gif") repeat-x left top;
    outline:none;
}

#sidebar li a:hover{
    background-color:#fff;
}

#sidebar .current a{
    background-color:#fff;
}


#sidebar .headitem:hover{
    color:#555;
}

#sidebar .headitem{
    line-height:40px;
    width:200px;
    padding: 0 10px 0 60px;
    font-size:15px;
    border-top:1px solid #c0c0c0;
}

#top #sidebar .item1{ background:transparent url("../icons/Computer.png") no-repeat 15px center; }
#top #sidebar .item2{ background:transparent url("../icons/advanced.png") no-repeat 15px center; }
#top #sidebar .item3{ background:transparent url("../icons/applications.png") no-repeat 15px center; }
#top #sidebar .item4{ background:transparent url("../icons/window.png") no-repeat 15px center;	}
#top #sidebar .item5{ background:transparent url("../icons/producto.png") no-repeat 15px center; }
#top #sidebar .item6{ background:transparent url("../icons/ordenes2.png") no-repeat 15px center; }
#top #sidebar .item7{ background:transparent url("../icons/reportes.png") no-repeat 15px center; }
#top #sidebar .item8{ background:transparent url("../icons/publicidad.png") no-repeat 15px center; }
#top #sidebar .item9{ background:transparent url("../icons/send.png") no-repeat 15px center; }
#top #sidebar .item10{ background:transparent url("../icons/users.png") no-repeat 15px center; }
#top #sidebar .item11{ background:transparent url("../icons/administracion.png") no-repeat 15px center;	}
#top #sidebar .item12{ background:transparent url("../icons/edit.png") no-repeat 15px center; }
#top #sidebar .item13{ background:transparent url("../icons/help.png") no-repeat 15px center; }

/*----------------------------------------
2.2.3) Content
----------------------------------------*/
#content{
    margin-left:300px;
    margin-right:30px;
    padding-top:30px;
    position:relative;
}

/*----------------------------------------
2.2.3.1) Dashboard
----------------------------------------*/			
.dashboard_button{
    float:left;
    width:133px;
    height:80px;
    overflow:hidden;
    border:1px solid #c0c0c0;
    padding:15px;
    margin:0 10px 10px 0;
    background:#eaeaea url("../images/highlight_line.gif") repeat-x top left;
    font-size:11px;
    line-height:1.4em;
    text-decoration:none;
    color:#a1a1a1;
}

.dashboard_button span{
    display:block;
    padding-top:7px;
}

#top .dashboard_button_heading{
    display:block;
    color:#4a4a4a;
    font-size:14px;
    padding:0 0 0 40px;
    line-height:29px;
    height:35px;
}

#top .two_lines.dashboard_button_heading{
    line-height:17px;
}

.dashboard_button:hover{
    background:#ddd;
    border:1px solid #aaa;
    padding-top:16px;
    height:79px;
}

#top .dashboard_button:hover .dashboard_button_heading{
    color:#222;
}

#top .button1 .dashboard_button_heading{ background:transparent url("../icons/Computer.png") no-repeat 0px top;	}
#top .button2 .dashboard_button_heading{ background:transparent url("../icons/advanced.png") no-repeat 0px top;	}
#top .button3 .dashboard_button_heading{ background:transparent url("../icons/applications.png") no-repeat 0px top;	}
#top .button4 .dashboard_button_heading{ background:transparent url("../icons/edit.png") no-repeat 0px top;	}
#top .button5 .dashboard_button_heading{ background:transparent url("../icons/search.png") no-repeat 0px top;	}
#top .button6 .dashboard_button_heading{ background:transparent url("../icons/trash.png") no-repeat 0px top;	}
#top .button7 .dashboard_button_heading{ background:transparent url("../icons/window.png") no-repeat 0px top;	}
#top .button8 .dashboard_button_heading{ background:transparent url("../icons/producto.png") no-repeat 0px top;	}
#top .button9 .dashboard_button_heading{ background:transparent url("../icons/send.png") no-repeat 0px top;	}
#top .button10 .dashboard_button_heading{ background:transparent url("../icons/users.png") no-repeat 0px top;	}
#top .button11 .dashboard_button_heading{ background:transparent url("../icons/picture.png") no-repeat 0px top;	}
#top .button12 .dashboard_button_heading{ background:transparent url("../icons/help.png") no-repeat 0px top;	}
#top .button13 .dashboard_button_heading{ background:transparent url("../icons/ordenes2.png") no-repeat 0px top;	}	
#top .button14 .dashboard_button_heading{ background:transparent url("../icons/administracion.png") no-repeat 0px top;	}	
#top .button15 .dashboard_button_heading{ background:transparent url("../icons/reportes.png") no-repeat 0px top;	}		
#top .button16 .dashboard_button_heading{ background:transparent url("../icons/publicidad.png") no-repeat 0px top;	}												
/*----------------------------------------
2.2.3.2) Content Box
----------------------------------------*/

.content-box{
    background:#FFF6BF url("../images/highlight_line.gif") repeat-x scroll 0 0;
    border:1px solid #FDD845;
    float:left;
    width:47%;
    margin:1%;

    padding:0px;
}

#top .box-grey{
    background:#EAEAEA url("../images/highlight_line.gif") repeat-x scroll left top;
    border:1px solid #C0C0C0;
}

#top .box2{
    margin:1%;
    clear:none;
}

.content-box h4{
    color:#333;
}

/*----------------------------------------
2.2.3.3) Input fields, Textareas, Dropdown lists, etc
----------------------------------------*/
label{
    display:block;
    padding-bottom:3px;
}

label.inline{
    display:inline;
}	

.input-small, .input-medium, .input-big, .input-flex, select, textarea{
    padding:5px;
    border:1px solid #959595;
    font-size:12px;
    font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
    background-color:#eaeaea;
    color:#333;
}
.input-small{width:120px;}
.input-medium{width:240px;} 
.input-big{width:480px;} 
.input-flex{width:70%;}

textarea, iframe , .wysiwyg{
    overflow:auto;
}

.button{
    border:1px solid #959595;
    font-size:12px;
    font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
    background-color:#eaeaea;
    padding:5px 15px;
    color:#fff;
    cursor:pointer;
}

.button:hover{
    padding:6px 15px 4px;
}

textarea{
    line-height:1.5em;
    width:70%;
    height:200px;
}

/*----------------------------------------
2.2.3.4) Tables
----------------------------------------*/				
#top table{
    margin-bottom:5px;	
}

#table_fixed {
    width: 470px;
    padding: 0;
    margin: 0;
    font-size:11px;
}

#table_fixed caption {
    padding: 0 0 5px 0;
    width: 470px;	 
    text-align: right;
}

#table_liquid {
    width: 100%;
    padding: 0;
    margin: 0;
    font-size:11px;
    clear:both;
}

#table_liquid caption {
    padding: 0 0 5px 0;
    width: 100%;	 
    text-align: right;
}

#table_auto {
    width: auto;
    padding: 0;
    margin: 0;
    font-size:11px;
    clear:both;
}

#table_auto caption {
    padding: 0 0 5px 0;
    width:auto;	 
    text-align: right;
}

.tabla{
    border:#959595 1px solid;
}

th {
	/*border-bottom:#959595 1px solid;*/
    color:#fff;
	text-align:center;
	padding:6px 6px 6px 6px;
	text-transform:uppercase;
}

th.nobg {
    border-bottom: 1px solid #959595;
    background: none;
    color:#484848;
}

td {
	padding: 6px 6px 6px 0px;
	margin-bottom: 10px;
	color: #484848;
	text-align: center;
	border: 1px solid #959595;
	vertical-align: middle;
}

th.spec {
    border-bottom: 1px solid #959595;
    background: #fff url("../images/bullet2.gif") no-repeat;
    font-weight:bold;
    font-size: 10px;
    color:#484848;
}

th.specalt {
    border-bottom: 1px solid #959595;
    font-weight:bold;
    font-size: 10px;
}

/*----------------------------------------
2.2.3.5) Response Messages
----------------------------------------*/
.message {
    border:1px solid;
    margin:0 10px 20px 0;
}

.message p{
    padding:20px 20px 20px 52px;	
}	


.success{
    background:#E6EFC2 url("../images/highlight_line.gif") repeat-x scroll 0 0;
    border-color:#C6D881;
}

.success p{
    background:transparent url("../images/24_tick.png") no-repeat scroll 15px 16px;
}

.warning{
    background:#FFF6BF url("../images/highlight_line.gif") repeat-x scroll 0 0;
    border-color:#FDD845;
}

.warning p{
    background:transparent url("../images/24_alert.png") no-repeat scroll 15px 17px;
}

.error{
    background:#FBE3E4 url("../images/highlight_line.gif") repeat-x scroll 0 0;
    border-color:#FBC7C9;
}

.error p{
    background:transparent url("../images/24_x_false.png") no-repeat scroll 15px 17px;
}

.tip{
    background:#A8B2C5 url("../images/highlight_line.gif") repeat-x scroll 0 0;
    border-color:#8497BF;
}

.tip p{
    background:transparent url("../images/24_information.png") no-repeat scroll 15px 17px;
}

/*----------------------------------------
3.) Footer
----------------------------------------*/
#footer{
	clear:both;
	height:30px;
	background-color:#484848;
	color:#FFF;
	padding: 8px;
	margin: 0px;
	text-align: center;
}

/*----------------------------------------
4.) Fonts, Images basic selectors
----------------------------------------*/
h1,h2,h3,h4,h5,h6{
    line-height:1.8em;
    font-weight:normal;
    margin:0 0 7px;
    color:#A8B2C5;
}

h1{font-size:22px;}
h2{font-size:20px; clear:both; margin-right:10px;}
h3{font-size:18px;}
h4{font-size:17px;}
h5{font-size:16px;}
h6{font-size:14px;}

p{padding:0 0 22px 0}

a{color:#222; text-decoration:underline;}
a:hover{color:#333; text-decoration:none;}

blockquote{
    padding:5px 30px 0 15px;
    background-repeat:no-repeat;
    background-position:top left ;
    margin:10px 0 10px 15px;
    border-left:3px solid #fff;
    color:#fff;
}

blockquote em{
    color:#ff0000;
    padding:0px 40px  0px 0px;
    background-repeat:no-repeat;
    background-position:top right;
    display:block;
    text-align:right;
    font-style:italic;
}

#top .noborder, #top .noborder a, #top noborder ima a{
    border:none;
    padding:0;
}

/*----------------------------------------
5.) Containers and classes created by jquery
----------------------------------------*/	
.closeable{
    position:relative;
}

.click_to_close{
    right:2px;
    top:2px;
    position:absolute;
    height:16px;
    width:16px;
    background:transparent url("../images/close.png") no-repeat scroll 0 0;
    cursor:pointer;
}

.jquery_tab_container{
    left:-30px;
    position:absolute;
    top:-35px;
    z-index:30;
}

.jquery_tab{
    width:100%;
    float:left;
}

.jquery_tab_container a{
    display: block;
    float:left;
    line-height:34px;
    padding:0 15px;
    background-color:#d5d5d5;
    margin-right:1px;
    text-decoration:none;
    color:#a1a1a1;
    font-size:13px;
    outline:none;
    border-left:1px solid #d5d5d5;
    border-right:1px solid #d5d5d5;
    border-bottom:1px solid #999;
}

.jquery_tab_container .active, .jquery_tab_container a:hover{
    background:transparent url("../images/bg_tab.png") repeat-x;
    padding-bottom:2px;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    border-bottom:none;
    color:#4a4a4a;
}

.jquery_tab_title {
   padding-top: 5px; 
}

#top .flexy_datepicker{
    font-size:11px;
    margin-bottom:25px;
}

#top .flexy_datepicker table{
    margin:0;
}

#top .ui-datepicker {
    padding:0.2em;
}

#top #sidebar .ui-datepicker{

    border-left:medium none;
    border-right:medium none;
    padding:0.2em;
    width:266px;}

#top .wysiwyg{
    background-color:#EAEAEA;
    border:1px solid #959595;
}

#top div.wysiwyg ul.panel li a {
    border:1px solid #959595;
}

#dialog{
    display:none;
}

.clearboth{
    clear:both;
}

/* Class Modal, jQuery, y demas */
#recuperar_error {
    display: none;
    background: #ff0000;
    color: #FFFFFF;
    padding: 7px;
}
#recuperar_pass {
    margin: 0px;
    padding: 0px;
    text-align:center;
}
#recuperar_pass p {
    margin: 0px;
    padding: 0px;
}
.paginacion {
    list-style:none;
}
.paginacion li {
    display: inline-block;
    padding: 2px;
    margin: 2px;
    width: 25px;
    float: left;
    text-align:center;
    border: 1px dotted #999;
}

/* Buscador */
.Buscador{
    border: #A8B2C5 1px solid;
    padding: 10px 10px 20px 10px;
}

.Buscador input[type=text]{
    width: 300px;
    padding: 7px 3px;
}#cabeza {
	background-image: url(../images/scheme1/pantalla-registro_01.png);
	height: 229px;
	width: 558px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}