/*

	Titulo: Hoja de Estilo para sitio para Masiva.mx
	Autor: Xavier Fajardo
	Año: 2010
	Version: 1.0
	Contacto: xfajardo@taller2.net

	Titulo: Hoja de Estilo para sitio para Masiva.mx
	Autor: Goznet Web
	Año: 2013
	Version: 2.0
	Contacto: contacto@goznetweb.com



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


@font-face {

	font-family: "sensation";

	src: url("../images/fonts/Sansation_Regular.eot");

	src: url("../images/fonts/Sansation_Regular.eot?#iefix") format("embedded-opentype"),

		url("../images/fonts/Sansation_Regular.ttf") format("truetype"),

	    url("../images/fonts/Sansation_Regular.woff") format("woff"),

	    url("../images/fonts/Sansation_Regular.svg#euro") format("svg");

}




/* 'Estilos Tablero

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

body							{background-color: #F1F1F1; }
body{
	background: url(../images/Fondo/mozaico_fondo_tarkus.png); color:#434345; font-family: sensation;
}
a{color:#434345}
#pleca{
	background:url(../images/Header/pleca_roja_header_tarkus.png);
	height: 9px;
}
.pleca,.pleca2{
	background:url(../images/Header/pleca_roja_header_tarkus.png);
	height: 9px;
	display: none;
}
.pleca2{
	height: 2px;
}
#interface{
	background: url(../images/Inicio/recuadro_interface_intuitiva_tarkus.png) no-repeat;

}
#rapida{
	background: url(../images/Inicio/recuadro_plataforma_rapida_tarkus.png) no-repeat;

}
#ajustable{
	background: url(../images/Inicio/recuadro_facturacion_ajustable_tarkus.png) no-repeat;

}
#caracteristicas{ width: 100%}
#caracteristicas div{
	padding: 15px 30px;
	width: 220px; height: 285px;
	/*float: left;*/
	display: inline-block;
	margin:0px 25px;
}
#caracteristicas div h3, #caracteristicas div h3{
	margin: 0px 0px -10px 0px;
}

#logo{ margin-top: -9px; float: left; margin-left: -17px}
#derecha{float: right; width:65%;}
#topbarcontainer 				{/*background-color: #FAFAFA;*/  margin: 0 auto; height: 170px}

#topbar 						{min-width: 940px;margin: 0 auto; /*background-color: #C61F43;*/ min-height: 94px}



#wrap							{padding-bottom: 2em}



#header							{width: 940px; margin: 0 auto; position: relative;}



#branding						{width: 940px; margin: 0 auto; padding: 0 0 1.5em 0; }

#branding h1					{background: transparent url(../images/branding-logo.png) no-repeat; height: 56px; text-indent: -999999px; width: 180px;}

#branding h1 a					{display: block; height: 56px; width: 180px}

.cabezeramaestra 				{color: #fff; font-weight: 700; font-size:  1.5em; margin-bottom: 0 }



#navprincipal 					{list-style-type: none; width: 940px; margin: 0 auto; overflow: hidden; padding: 10px 0}

#navprincipal li				{margin: 10px 10px 10px 0; float: left; min-height: 45px}

#navprincipal li a				{display: block; height: 45px}





/*#graphic-area					{background: #b5b5b5 url(../images/graphic-bg.png) center top no-repeat; border-top: 1px solid #7c7c7c; width: 460px; position: relative; padding: 85px 420px 1em 60px }*/

#fact-pap						{position: absolute; top:30px; right: 30px}



#featuresMasiva 				{/*background: url(../images/main-site-content-bg.png) left bottom repeat-x;*/ overflow: hidden; padding: 2em 0 0em 0px;}

#featuresMasiva ul 				{list-style-type: none; width: 940px;}

#featuresMasiva ul li			{float: left; margin: 0 20px 0 0; width: 28%}

#featuresMasiva ul li h4		{color: #83a9a6; border-bottom: 1px solid #fff; margin-bottom: 15px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; text-indent: 4px}



#planes							{background: #eaeeec;}





#hojas							{background:url(pix/hojas-bg.png) right bottom no-repeat; padding: 0 40px 10px }



.wrapper ul 					{list-style-type: none; /*width: 900px*/}

.wrapper ul li 					{margin: 0;/* border-bottom: 1px solid #cccccc;*/ padding: 0px 5px; margin-left: 25px;}

.wrapper ul li:hover			{background: #ba102d; color:#fff;}

.wrapper ul li h3				{color: #ce003c; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0}

.wrapper ul li h4				{font-weight: 300; margin-bottom: 0 }

.wrapper ul li h4 span			{font-size: 13px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600}

.wrapper ul li p				{margin-bottom: 0}



acronym							{border-bottom: 1px dotted #fff}



.jcarousel						{height: 200px; overflow: hidden}



#footer-wrap					{/*background: #3f3f3f; color: #fff; min-height: 83px;*/ font-size: 14px; padding-top: 30px;}

#footer							{margin: 0 auto; width: 940px; /*padding-top: 2em*/}
#footer a{float: right; margin: 0 10px;}
#footer img{vertical-align: middle;}
#footer span{position: relative;top: 10px;}


.nav-wrap { /*background-color: #7A1329;*/ margin:  16px 0 1em 0; float: right; width:100%; }



.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

*:first-child+html .group { zoom: 1; } /* IE7 */



#example-one { margin: 0 auto; list-style: none; position: relative; float: right; margin-right: 6px}

#example-one li { /*display: inline;*/ float: left; border-radius: 10px; }

#example-one li a { /*color: #bbb;*/ font-size: 16px; display: block; float: left; padding: 6px 10px 4px 10px; text-decoration: none; text-transform: uppercase; color:#434345; font-weight: bold; letter-spacing: 1px; }

#example-one li a:hover { color: white; }

#magic-line { position: absolute; bottom: -2px; left: 0; width: 100px; height: 2px; background: #fe4902; }

.current_page_item a, .current_page_item_two a { /*color: white !important; */}





#form-container					{background: #c3e5e3; padding-top: 2em; position: relative; top: -20px; width: 820px; left: 60px}

#listado-precios				{position: relative; padding: 2.5em}

#user-details label				{display: block;}

#user-details input				{border: 1px solid #79908f; -moz-border-radius: 12px; -webkit-border-radius:12px; border-radius: 12px; padding: .75em; background: #90aaa8; }

#user-details input:hover		{background: #ccdcdb;}

#user-details input:focus		{background: #fdfdd9}



#cards							{list-style-type: none; padding-top: 15px}

#cards li						{display: inline; padding: 48px 14px 0 14px; margin: 0 5px 0 0}

#mastercard						{ background: url(pix/mastercard-curved-32px.png) left center no-repeat;}

#visa						{ background: url(pix/visa-electron-curved-32px.png) left center no-repeat;}

#amex						{ background: url(pix/american-express-curved-32px.png) left center no-repeat;}

#paypal						{ background: url(pix/paypal-curved-32px.png) left center no-repeat;}



.pr-select						{background: #efefef; height: 32px; font-size: 13px; -webkit-border-top-left-radius: 12px;

-webkit-border-top-right-radius: 12px;

-moz-border-radius-topleft: 12px;

-moz-border-radius-topright: 12px;

border-top-left-radius: 12px;

border-top-right-radius: 12px;

 }

.precios 						{width: 780px; margin-left: -10px}

.precios tr td					{background: #90aaa8; color: #fff; padding: 13px; border-bottom: 1px solid #708583; text-align: center; border-right: 1px solid #c4d2d1}

.precios .pr-descr				{background: #e8e8e8; color: #6d6d6d; border-bottom: 1px solid #afafaf; border-top: 1px solid #f7f5f4; padding: 1em 1.3em 1em 1em; text-transform: uppercase; letter-spacing: 1px; font-weight: 700}

tr.pr-paqs td						{font-weight: 700; background: #abbebd; color: #565454; font-size: 1.3em}

.pr-folios, .pr-precios			{display: block; font-size: 1.8em; font-weight:  700}



#process input					{background: #424242;  border: 1px solid #424242; position: absolute; bottom: 13px; right: 19px; width: 170px; padding: .5em .25em; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; cursor: pointer; -moz-border-radius: 12px; -webkit-border-radius:12px; border-radius: 12px; -webkit-gradient(

    linear,

    left bottom,

    left top,

    color-stop(0, rgb(48,48,48)),

    color-stop(0.52, rgb(93,93,93))

); -moz-linear-gradient(

    center bottom,

    rgb(48,48,48) 0%,

    rgb(93,93,93) 52%

)



 }

#process input:hover			{background: #686868}



#contactor 						{position: relative; padding: 1em}

#contactor label				{display: block}

#contactor input, #contactor textarea

								{border: 1px solid #79908f; -moz-border-radius: 12px; -webkit-border-radius:12px; border-radius: 12px; padding: .75em; background: #90aaa8; width: 80%}

#contactor input:hover, #contactor textarea:hover

								{background: #ccdcdb;}

#contactor input:focus			{background: #fdfdd9}

.obligado						{color: #c61f43}

#iconomail						{position: absolute; top:-100px; right: -10px}





/* 'Estilos Pop-Login

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

#login-container {

	margin:0 auto;

	/*position: absolute;

	top: -80px;*/

	right: 0;

}



#content {

	/*background: #eaeeec;*/

}

#topnav {

	/*padding:10px 0px 12px;*/

	font-size:16px;

	line-height:23px;

	text-align:right;

	padding-right: 2px;

	/*color: #fff;*/

}

#topnav a.signin {
/*
	background:#7A1329;

	padding:4px 6px 6px;

	text-decoration:none;

	font-weight:bold;*/

	color:#7a1329;
	text-decoration: underline;

/*	-webkit-border-radius:4px;

	-moz-border-radius:4px;

	border-radius:4px;

	*background:transparent url("pix/signin-nav-bg-ie.png") no-repeat 0 0;

	*padding:4px 12px 6px;*/

}

#topnav a.signin:hover {

	/*background:#CF5F77;*/
	color:#ba102d;
/*
	*background:transparent url("pix/signin-nav-bg-hover-ie.png") no-repeat 0 0;

	*padding:4px 12px 6px;
*/
}

#topnav a.signin, #topnav a.signin:hover {

	*background-position:0 3px!important;

}



a.signin {

	position:relative;

	margin-left:3px;

}

a.signin span {

	background-image:url("pix/toggle_down_light.png");

	background-repeat:no-repeat;

	background-position:100% 50%;

	padding:4px 16px 6px 0;

}

#topnav a.menu-open {

	background:#FAFAFA!important;

	color:#FAFAFA!important;

	outline:none;

}

#small_signup {

	display:inline;

	float:none;

	line-height:23px;

	margin:25px 0 0;

	width:170px;

}

a.signin.menu-open span {

	background-image:url("pix/toggle_up_dark.png");

	color:#789;

}



#signin_menu {

	-moz-border-radius-topleft:5px;

	-moz-border-radius-bottomleft:5px;

	-moz-border-radius-bottomright:5px;

	-webkit-border-top-left-radius:5px;

	-webkit-border-bottom-left-radius:5px;

	-webkit-border-bottom-right-radius:5px;

	display:none;

	background-color:#FAFAFA;

	position:absolute;

	width:210px;

	z-index:100;

	border:1px transparent;

	text-align:left;

	padding:12px;

	top: 24.5px;

	right: 0px;

	margin-top:5px;

	margin-right: 0px;

	*margin-right: -1px;

	color:#434345;

	font-size:14px;

}



#signin_menu input[type=text], #signin_menu input[type=password] {

	display:block;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

	border:1px solid #ba102d;

	font-size:13px;

	margin:0 0 5px;

	padding:5px;

	width:203px;

}

#signin_menu p {

	margin:0;

}

#signin_menu a {

	color:#6AC;

}

#signin_menu label {

	font-weight:normal;

}

#signin_menu p.remember {

	padding:10px 0;

}

#signin_menu p.forgot, #signin_menu p.complete {

	clear:both;

	margin:5px 0;

}

#signin_menu p a {

	color:#27B!important;

}

#signin_submit {

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

	background:#39d url('pix/bg-btn-blue.png') repeat-x scroll 0 0;

	border:1px solid #39D;

	color:#fff;

	text-shadow:0 -1px 0 #39d;

	padding:4px 10px 5px;

	font-size:11px;

	margin:0 5px 0 0;

	font-weight:bold;

}

#signin_submit::-moz-focus-inner {

padding:0;

border:0;

}

#signin_submit:hover, #signin_submit:focus {

	background-position:0 -5px;

	cursor:pointer;

}



.tipsy-inner {

	padding:10px 15px;

	line-height:1.5em;

	font-weight:bold;

}

.tipsy {

	opacity:.8;

	filter:alpha(opacity=80);

	background-repeat:no-repeat;

	padding:5px;

}

.tipsy-inner {

	padding:8px 8px;

	max-width:200px;

	font:11px 'Lucida Grande', sans-serif;

	font-weight:bold;

	-moz-border-radius:4px;

	-khtml-border-radius:4px;

	-webkit-border-radius:4px;

	border-radius:4px;

	background-color:#000;

	color:white;

	text-align:left;

}

.tipsy-north {

	background-image:url(pix/tipsy-north.gif);

	background-position:top center;

}

.tipsy-south {

	background-image:url(pix/tipsy-south.gif);

	background-position:bottom center;

}

.tipsy-east {

	background-image:url(pix/tipsy-east.gif);

	background-position:right center;

}

.tipsy-west {

	background-image:url(pix/tipsy-west.gif);

	background-position:left center;

}
#slider{ background: #fff; width: 100%; overflow: hidden;}