﻿/*
Theme Name: Latin Top Jobs
Description: Style Sheet for Latin Top Jobs.
Version: 1.0
*/

/* Standard CSS */

body { margin:0; padding:0; width:100%; height:1%; background:#ffffff; font-family:Arial,Helvetica,sans-serif; font-size:62.5%; text-align:center; }

img { border:0; }
.left, .alignleft { float:left; }
.right, .alignright { float:right; }
.clear { margin:0; padding:0; height:0; clear:both; }
.access { position:absolute; left:-500em; top:-500em; }

.white { color:#FFFFFF; }

hr { position:absolute; left:-500em; top:-500em; }

.error { color:red; }

p { margin:0 0 0.75em; padding:0; font-size:1.2em; line-height:15px; color:#666666; }
p.large { font-size:1.8em; line-height:22px; font-weight:bold; }
p.noMargin { margin:0; }
p.textRight { text-align:right; }

td { margin:0 0 0.75em; padding:0; font-size:1.2em; line-height:15px; color:#666666; }
th { margin:0 0 0.75em; padding:0; font-size:1.4em; line-height:15px; color:#666666; font-weight:bold; }

ol, ul, dl { margin:0; padding:0; list-style-type:none; list-style-image:none; list-style-position:outside; width:auto; }
	li, dt, dd { margin:0; padding:0; font-size:1.2em; line-height:15px; list-style-type:none; color:#666666; }

fieldset { border:0; padding:0; margin:0; }

a:link { color:#b60f24; text-decoration:none; }
a:visited { color:#b60f24; text-decoration:none; }
a:hover { color:#a10019; text-decoration:underline; }
a:active { color:#b60f24; }

h1 { margin:0; padding:0; color:#444444; font-size:2.5em; font-family:Arial,Helvetica,sans-serif; font-weight:normal; }
h2 { margin:0 0 10px; padding:30px 0 0 0; color:#444444; font-size:2.5em; line-height:30px; font-family:Arial,Helvetica,sans-serif; font-weight:normal; }
h3 { margin:0; padding:0; color:#444444; font-size:1.5em; line-height:20px; font-family:Arial,Helvetica,sans-serif; font-weight:normal; }
h4 { margin:0; padding:0; color:#444444; font-size:1.5em; line-height:20px; font-family:Arial,Helvetica,sans-serif; font-weight:normal; }
h5 { margin:0; padding:0; color:#888888; }
	h5 a:link, h5 a:visited, h5 a:hover, h5 a:active { color:#FF4E00; }

address {
	margin:2px 0 0 0;
	padding:0;
	font:0.8em/1.2em Verdana,sans-serif;
	color:#23496A;
	letter-spacing:1px;
}

object { z-index:5; }

/* End of standard CSS */




/* Header CSS */

#topSurround { margin:0; padding:0; width:100%; min-width:980px; background:#FFFFFF; text-align:center; float:left; clear:both; }
	#upperTop { margin:0 auto; padding:0; width:980px; height:350px; background:#FAFAFA url("../images/topBack3b.jpg") left top no-repeat; text-align:left; }


		.logo { margin:20px 0 0 90px; padding:0; float:left; }

		.topMenu { margin:0; padding:0 10px; float:right; }
			.topMenu ul { margin:0; padding:5px; float:right; background:#444444; }
				.topMenu ul li { margin:0; padding:0 5px; float:left; border-left:1px solid #FFFFFF; }
				.topMenu ul li.first { border:0; }

					.topMenu ul li a:link { color:#FFFFFF; text-decoration:none; }
					.topMenu ul li a:visited { color:#FFFFFF; text-decoration:none; }
					.topMenu ul li a:hover { color:#FFFFFF; text-decoration:underline; }
					.topMenu ul li a:active { color:#FFFFFF; }

		.siteSearch { margin:0; padding:10px; float:right; clear:right; }
			.siteSearch fieldset { margin:0; padding:0; }
				.siteSearch fieldset form { margin:0; padding:0; }
					.siteSearch fieldset form ul { margin:0; padding:0; }
						
						.siteSearch fieldset form ul li { margin:0; padding:1px; width:146px; height:16px; background:#FFFFFF; border:1px solid #CCCCCC; }						
							.siteSearch fieldset form ul li input { margin:0; padding:0; width:130px; background:#FFFFFF; border:0; color:#888888; float:left; }
							.siteSearch fieldset form ul li input.sitesearchButton { margin:0; padding:0; width:16px; height:16px; background:#444444; border:0; color:#FFFFFF; font-size:1em; line-height:10px; }


		.slogan { margin:100px 0 0 0; padding:0; float:left; width:530px; }
			.slogan p { margin:0 0 0 20px; padding:0; font-size:2.6em; line-height:35px; color:#666666; }

				
	#lowerTop { margin:0 auto; padding:0; width:980px; height:39px; background:#444444; text-align:left; border-top:1px solid #DDDDDD; }


		.mainMenu { margin:0; padding:0; float:left; z-index:100; }
			.mainMenu ul { margin:0; padding:0; }
			.mainMenu ul li { margin:0; padding:0; float:left; font-size:1.4em; border-right:1px solid #FFFFFF; }
				.mainMenu ul li a { margin:0; padding:0 12px; line-height:39px; min-height:39px; display:block; }
					.mainMenu ul li a:link { color:#FFFFFF; text-decoration:none; }
					.mainMenu ul li a:visited { color:#FFFFFF; text-decoration:none; }
					.mainMenu ul li a:hover { color:#DDDDDD; text-decoration:none; background:#666666; }
					.mainMenu ul li a:active { color:#FFFFFF; }

				.mainMenu ul li ul li ul li a { margin:0; padding:0 15px; font-size:12px; line-height:26px; min-height:26px; display:block; }
					.mainMenu ul li a:link { color:#FFFFFF; text-decoration:none; }
					.mainMenu ul li a:visited { color:#FFFFFF; text-decoration:none; }
					.mainMenu ul li a:hover { color:#DDDDDD; text-decoration:none; background:#666666; }
					.mainMenu ul li a:active { color:#FFFFFF; }


			.mainMenu ul, .mainMenu ul ul { float:left; list-style:none; padding:0; margin:0; }

			.mainMenu ul li ul { position:absolute; width:200px; left:-999em; padding-top:1px; }

			.mainMenu ul li ul li a { color:#ffffff; font-size:14px; padding-top:5px; }

			.mainMenu ul li ul li a:hover { color:#444444; text-decoration:none; background:#CCCCCC; }

			.mainMenu ul li:hover ul, .mainMenu ul li.sfhover ul { left:auto; z-index:1000; }

			.mainMenu ul li ul li { background:#666666; border:solid #FFFFFF; line-height:21px; width:280px; border-width:0 1px 1px 1px; }
				.mainMenu ul li ul li ul li { width:320px; }

			.mainMenu ul li:hover, .mainMenu ul li.hover { position:static; }

			.mainMenu ul li ul ul { margin:-37px 0 0 180px; }

			.mainMenu ul li:hover ul ul, .mainMenu ul li:hover ul ul ul, .mainMenu ul li.sfhover ul ul, .mainMenu ul li.sfhover ul ul ul { left:-999em; padding:2px 0 0; }

			.mainMenu ul li:hover, .mainMenu ul li.sfhover { background:transparent; }

			.mainMenu ul li ul li:hover, .mainMenu ul li ul li.sfhover { background:#666666; }
 
			.mainMenu ul li ul li ul li, .mainMenu ul li ul li ul li ul li, .mainMenu ul li ul li ul li ul li ul li { border:solid #FFFFFF; border-width:1px 1px 0 1px; }

			.mainMenu ul li ul li ul, .mainMenu ul li ul li ul li ul, .mainMenu ul li ul li ul li ul li ul { border:solid #FFFFFF; border-width:0 0 1px 0; }

			.mainMenu ul li:hover ul ul, .mainMenu ul li.sfhover ul ul, .mainMenu ul li:hover ul ul, .mainMenu ul li:hover ul ul ul, .mainMenu ul li:hover ul ul ul ul, .mainMenu ul li.sfhover ul ul, .mainMenu ul li.sfhover ul ul ul, .mainMenu ul li.sfhover ul ul ul ul { left:-999em; }

			.mainMenu ul li:hover ul, .mainMenu ul li li:hover ul, .mainMenu ul li.sfhover ul, .mainMenu ul li li.sfhover ul, .mainMenu ul li:hover ul, .mainMenu ul li li:hover ul, .mainMenu ul li li li:hover ul, .mainMenu ul li.sfhover ul, .mainMenu ul li li.sfhover ul, .mainMenu ul li li li.sfhover ul, .mainMenu ul li:hover ul, .mainMenu ul li li:hover ul, .mainMenu ul li li li:hover ul, .mainMenu ul li li li li:hover ul, .mainMenu ul li.sfhover ul, .mainMenu ul li li.sfhover ul, .mainMenu ul li li li.sfhover ul, .mainMenu ul li li li li.sfhover ul { left:auto; }

			select, .mainMenu ul { padding:0; }

			.bot, #header .spacer p, .list2 { clear:both; }

			.mainMenu ul li a span { font-size:12px; color:#9D9D9D; font-weight:normal; }




/* End of header CSS */


/* Content CSS */

#contentSurround { margin:0; padding:0; width:100%; min-width:980px; background:#FFFFFF; text-align:center; float:left; clear:both; }
	.mainContent { margin:0 auto; padding:0; width:980px; background:#ffffff; text-align:left; }

		.socialIcons { margin:0 10px 0 0; padding:5px 0 0 0; float:right; }
			.socialIcons img { margin:0 0 0 5px; }

		.fullSection { margin:0; padding:0 10px; width:960px; background:none; float:left; }
			.fullSection .post { margin:0; padding:0; width:960px; }
				.fullSection .post h3 { margin-bottom:0.75em; font-weight:bold; }
				.fullSection .post h4 { margin-bottom:0.75em; font-weight:bold; }				
				.fullSection .post ul { margin:0 0 15px 10px; padding:0; list-style:disc; }
					.fullSection .post ul li { margin-left:10px; padding:0; list-style:disc; }
					.fullSection .post ul li ul { margin-bottom:0; }
					.fullSection .post ul li ul li { font-size:1em; }

		.rightSection { margin:0; padding:0; width:670px; background:none; float:right; }

			.rightSection .fullWidth { margin:0; padding:0 0 0 20px; width:640px; float:left; }
				.rightSection .fullWidth .socialIcons { padding-top:40px; }
				.rightSection .fullWidth .post { margin:0; padding:0; width:640px; }
					.rightSection .fullWidth .post h3 { margin-bottom:0.75em; font-weight:bold; }
					.rightSection .fullWidth .post h4 { margin-bottom:0.75em; font-weight:bold; }
				
				.rightSection .fullWidth .post ul { margin:0 0 15px 10px; padding:0; list-style:disc; }
					.rightSection .fullWidth .post ul li { margin-left:10px; padding:0; list-style:disc; }
					.rightSection .fullWidth .post ul li ul { margin-bottom:0; }
					.rightSection .fullWidth .post ul li ul li { font-size:1em; }
				
				.rightSection .fullWidth .jobResult ul { margin:0 0 15px 10px; padding:0; list-style:disc; }
					.rightSection .fullWidth .jobResult ul li { margin-left:10px; padding:0; list-style:disc; }
					.rightSection .fullWidth .jobResult ul li ul { margin-bottom:0; }
					.rightSection .fullWidth .jobResult ul li ul li { font-size:1em; }

					p.postmetadata { margin:20px 0; padding:10px 0 0; color:#888888; font-size:1em; border-top:1px solid #888888; }
						p.postmetadata a:link { color:#888888; }
						p.postmetadata a:visited { color:#888888; text-decoration:none; }
						p.postmetadata  a:hover { color:#888888; text-decoration:underline; }
						p.postmetadata a:active { color:#888888; }

					ol.commentlist { margin:0 0 20px; padding:0; width:640px; }
					ol.commentlist li { margin:0; padding:20px; width:600px; font-size:1em; border-bottom:1px solid #EEEEEE; }
					ol.commentlist li.odd { background:#FAFAFA; }
						.commentmetadata { margin-bottom:10px; color:#888888; font-size:1em; }
							.commentmetadata a:link { color:#888888; }
							.commentmetadata a:visited { color:#888888; text-decoration:none; }
							.commentmetadata  a:hover { color:#888888; text-decoration:underline; }
							.commentmetadata a:active { color:#888888; }


					.navigation { margin:20px 0; padding:10px; width:620px; float:left; clear:both; background:#FAFAFA; }


			.rightSection .third { margin:0; padding:0 0 0 20px; width:200px; float:left; }
				.rightSection .third .post { margin:0; padding:0; width:200px; }

			
		.leftSection { margin:0; padding:0; width:310px; background:none; float:left; }


			.leftMenu { margin:0; 
						padding:0 0 30px; /* was 70px 0 30px */
						width:310px; float:left; clear:both; }
				.leftMenu h3 { margin:0; padding:0 10px; color:#444444; font-size:2em; line-height:20px; }

				.leftMenu ul { margin:0 10px; padding:0; width:290px; }
					.leftMenu ul li { margin:0; padding:0; width:290px; float:left; clear:both; }
						.leftMenu ul li h4 { margin:0; padding:0 0 0 30px; width:140px; height:40px; line-height:40px;  }

							.leftMenu ul li h4 a:link { color:#6d6f71; }
							.leftMenu ul li h4 a:visited { color:#6d6f71; text-decoration:none; }
							.leftMenu ul li h4 a:hover { color:#6d6f71; text-decoration:underline; }
							.leftMenu ul li h4 a:active { color:#6d6f71; }

				.leftMenu .menuBack { margin:10px 0; padding:20px; width:270px; float:left; clear:both; background:#f0f0f0; }


				.leftMenu ul.sectionMenu { margin:10px; padding:0; width:290px; float:left; clear:both; }
					.leftMenu ul.sectionMenu li { margin:0; padding:0; width:290px; float:left; clear:both; }

						.leftMenu ul.sectionMenu li ul { margin:0; padding:10px 0 15px 0; width:280px; float:left; clear:both; }
							.leftMenu ul.sectionMenu li ul li { margin:0; padding:0 0 0 10px; width:280px; font-size:1em; float:left; clear:both; }
							.leftMenu ul.sectionMenu li ul li:before { content:"- "; }


			.jobSearch { margin:0; padding:70px 10px 0; width:290px; float:left; clear:both; }
				.jobSearch h3 { margin:0 0 10px; padding:0; color:#b60f24; font-size:2em; line-height:20px; }

				.jobSearch fieldset { margin:0; padding:0; }
					.jobSearch fieldset form { margin:0; padding:0; }
						.jobSearch fieldset form ul { margin:0 0 10px 0; padding:0; width:290px; }
							
							.jobSearch fieldset form ul li { margin:0 0 5px 0; padding:0; width:290px; float:left; clear:both; }
								.jobSearch fieldset form ul li label { margin:0; padding:0; color:#888888; }
							
							.jobSearch fieldset form ul li.searchBox { padding:2px; width:284px; height:24px; border:1px solid #888888; }
								.jobSearch fieldset form ul li.searchBox input { margin:0; padding:5px 0 0 0; width:260px; height:19px; border:0; color:#888888; float:left; }
								.jobSearch fieldset form ul li.searchBox input.jobsearchButton { margin:0; padding:0; width:24px; height:24px; border:0; background:#b60f24; float:left; color:#FFFFFF; font-size:1em; line-height:10px; }


	

/* End of content CSS */

/* START of CI CSS */

	.pagination { margin:0; padding:10px 0 10px; width:640px; float:left; clear:both; border-bottom:1px solid #888888; border-top:1px solid #888888; }
		.pagination p { margin:0; }


	.latestJobs { margin:0; padding:0; width:640px; background:#ffffff; }

	.jobResult { margin:0; padding:10px 15px; width:610px; float:left; clear:both; }
		.even { background:#FAFAFA; }

		.jobResult h3 { margin:0 0 0.75em; font-weight:bold; font-size:1.6em;  }
		.jobResult h4 { margin:0; font-weight:bold; font-size:1.3em;  }
		.jobResult p.salary { margin:0; font-weight:bold; }
		.jobResult p.date { color:#888888; }
		.jobResult p.viewJob{ font-weight:bold; }

	.extraSearch { margin:0; padding:70px 0 30px; width:310px; float:left; clear:both; }
		.extraSearch h3 { margin:0; padding:0 10px; color:#444444; font-size:2em; line-height:20px; }

		.extraSearch fieldset { margin:10px 0; padding:20px; width:270px; float:left; clear:both; background:#f0f0f0; }

		.extraSearch fieldset form ul { margin:0; padding:0; }
			.extraSearch fieldset form ul li { margin:0; padding:0; }
			.extraSearch fieldset form ul li label { margin:0 0 5px; padding:0; width:270px; float:left; clear:both; font-weight:bold; }
			.extraSearch fieldset form ul li select { margin:0 0 10px; padding:0; width:270px; float:left; clear:both; }


	.formSection { margin:0; padding:0; width:640px; }
		.formSection ul { margin:0; padding:30px 0; }
		.formSection ul li { margin:0 0 15px; padding:0 100px 0 0; width:540px; float:left; clear:both; }

			.formSection ul li label { margin:0; padding:3px 10px 0 0; width:130px; float:left; text-align:right; }
			.formSection ul li input { margin:0; padding:3px; width:200px; float:left; }
			.formSection ul li textarea { margin:0; padding:0; width:300px; float:left; }


	table.taxResults { margin:0; padding:0; width:640px; border:0; }
		table.taxResults thead th { margin:0; padding:15px 10px; border-bottom:1px solid #888888; background:#EEEEEE; }
		table.taxResults tr td:first-child { border-right:1px solid #888888; }
		table.taxResults tr td { margin:0; padding:10px; border:0; border-bottom:1px dashed #AAAAAA; }
		table.taxResults tr.deduction td { color:#b60f24; }
		table.taxResults tr.bold td { padding:15px 10px; font-weight:bold; font-size:1.6em; border:0; background:#888888; color:#FFFFFF; }



/* END of CI CSS */

/* START of scroller CSS */

.scroller { margin:0; padding:0; width:270px; height:300px; overflow:hidden; }

	.scroller ul li { font-size:1em; width:270px; }

/* END of scroller CSS */

/* Footer CSS */

#footerSurround { margin:30px 0 0 0; padding:0; width:100%; min-width:980px; background:none; text-align:center; float:left; clear:both; }
	#footer { margin:0 auto; padding:20px 20px 0; width:940px; height:200px; text-align:left; background:#222222; }

		#footer p { margin:0; padding:0; color:#ffffff; }
		#footer a:link { color:#ffffff; text-decoration:none; }
		#footer a:visited { color:#ffffff; text-decoration:none; }
		#footer a:hover { color:#ffffff; text-decoration:underline; }
		#footer a:active { color:#ffffff; text-decoration:none; }

		.footerLogo { margin:0; padding:0; width:270px; height:50px; float:left; }

		.footerAddress { margin:0; padding:0; width:300px; height:110px; float:left; }

		.footerMenu { margin:0; padding:0 0 0 9px; float:left; width:201px; height:110px; border-left:1px solid #666666; }
			.footerMenu ul { margin:0; padding:0; width:200px; float:left; }
			.footerMenu ul li { margin:0; padding:0; width:200px; float:left; clear:both; }			
	
				.footerMenu ul li.first a { font-weight:bold; font-size:1.2em; }

		.copyright { margin:20px 0 0 0; padding:0; width:940px; text-align:right; float:left; clear:both; }

/* End of footer CSS */

/*New Styles*/
.fondo1{
	background-color:#FFF;
}
.fondo3{
	background-color:#FFF0F0;	
}
.fondo2{
	background-color:#444444;
}
.fondo4{
	background-color:#881A1A;	
}
.fondo6{
	background-color:#F2F2F2;	
}
#form_tabla{
	border-color:#ECECEC;
	border:0px;
	border-spacing: 4px;
}
#form_tabla td{
	padding:5px !important;
	font-size:12px;
}
#form_tabla2{
	border:0px;
	border-spacing: 4px;
}
#form_tabla2 td{
	padding:5px !important;
	font-size:12px;
}
.bold{
	font-weight:bold;
}
.blanco_bold{
	font-weight:bold;
	color:#FFF;
}
.rojo_bold{
	font-weight:bold;
	color:#F00;
}
.bold_grande{
	font-weight:bold;
	font-size:16px;
}
.bold_mediano{
	font-weight:bold;
	font-size:14px;
}
.boton{
	background-color:#881A1A;
	color:#FFF;
	font-weight:bold;
	width:auto;
	padding:5px 10px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;	
	cursor:pointer;
}
.texto_error{
	color:#F00;
	font-weight:bold;
	font-size:14px;
}
/* End of New Styles*/
/*TABS*/
.ui-tabs .ui-tabs-nav .ui-state-default, 
.ui-tabs .ui-widget-content .ui-state-default, 
.ui-tabs .ui-widget-header .ui-state-default {
      background-image: none;
  	  background-image:url(../images/tab2.png);
	  font-weight:bold;
	  font-size:12px;
}
.ui-tabs .ui-tabs-nav .ui-state-active, 
.ui-tabs .ui-widget-content .ui-state-active, 
.ui-tabs .ui-widget-header .ui-state-active {
      background-image: none;
  	  background-image:url(../images/tab1.png);
	  font-weight:bold;
	  font-size:12px;
}
#tabs ul a {
    float: left;
    padding: 5px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    height: 24px;
    line-height: 24px;
}
/*End TABS*/
/*DATEPicker*/
.ui-datepicker {
    padding: 0.1em 0.1em 0;
    width: 14em;
}

.ui-widget {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
}

.ui-datepicker th {
    border: 0 none;
    font-weight: normal;
    padding: 0.2em 0.1em;
    text-align: center;
}

.ui-datepicker th span {
    font-size: 11px;
}

.ui-datepicker td span, .ui-datepicker td a {
    padding: 0.1em;
}

.ui-datepicker td {
    padding: 0.9px;
}

.ui-datepicker .ui-state-highlight {
    height: 12px;
    margin-bottom: 0;
}

.ui-state-default, .ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default {
    font-size: 10px;
    font-weight: normal;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title {
    line-height: 13px;
}

.ui-datepicker .ui-datepicker-title span {
    font-size: 11px;
}

.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span {
    margin-left: -8px;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
    height: 15px;
    top: 1px;
    width: 15px;
}

.ui-datepicker-next-hover .ui-icon {
    height: 16px;
    width: 16px;
}

.ui-datepicker select.ui-datepicker-month{
	font-size:9px;
}
.ui-datepicker select.ui-datepicker-year {
	font-size:9px;
}
/*End DATEPicker*/
ul.ui-autocomplete.ui-menu{font-size:9px;text-align:left;}
.botonp{
	width:auto;
	padding:2px 2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;	
	cursor:pointer;
	font-size:9px !important;
}
/*Form Login*/
#div_login{
	padding-left:8px;
	padding-top:10px;
	margin-bottom:0px;
	padding-right:1px;
	padding-bottom:10px;
	color:#b60f24;
	font-weight:bold;
	font-size:12px;
	background-color:#FFF;
}
#form_login>h1{
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);
    text-transform: uppercase;
    text-align: center;
    color: #b60f24;
    margin: 0 0 30px 0;
    letter-spacing: 4px;
    font: normal 22px/1 Verdana, Helvetica;
    position: relative;
}
#form_login>h1:after, #form_login>h1:before
{
    background-color: #b60f24;
    content: "";
    height: 1px;
    position: absolute;
    top: 23px;
    width: 51px;   
}
#form_login>h1:after
{ 
    background-image: -webkit-gradient(linear, left top, right top, from(#b60f24), to(#fff));
    background-image: -webkit-linear-gradient(left, #b60f24, #fff);
    background-image: -moz-linear-gradient(left, #b60f24, #fff);
    background-image: -ms-linear-gradient(left, #b60f24, #fff);
    background-image: -o-linear-gradient(left, #b60f24, #fff);
    background-image: linear-gradient(left, #b60f24, #fff);      
    right: 0;
}
#form_login>h1:before
{
    background-image: -webkit-gradient(linear, right top, left top, from(#b60f24), to(#fff));
    background-image: -webkit-linear-gradient(right, #b60f24, #fff);
    background-image: -moz-linear-gradient(right, #b60f24, #fff);
    background-image: -ms-linear-gradient(right, #b60f24, #fff);
    background-image: -o-linear-gradient(right, #b60f24, #fff);
    background-image: linear-gradient(right, #b60f24, #fff);
    left: 0;
}
#form_login
{
background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: -moz-linear-gradient(top, #fff, #eee);
    background-image: -ms-linear-gradient(top, #fff, #eee);
    background-image: -o-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(top, #fff, #eee);  
    width: 240px;
    margin: 0px 0px 10px 0px;
    padding: 25px 30px;
    position: relative;
    z-index: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;  
    -webkit-box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),  
          1px 1px   0 rgba(0,   0,   0,   .1),
          3px 3px   0 rgba(255, 255, 255, 1),
          4px 4px   0 rgba(0,   0,   0,   .1),
          6px 6px   0 rgba(255, 255, 255, 1),  
          7px 7px   0 rgba(0,   0,   0,   .1);
    box-shadow:
          0 0 2px rgba(0, 0, 0, 0.2),  
          0 1px 1px rgba(0, 0, 0, .2),
          0 3px 0 #fff,
          0 4px 0 rgba(0, 0, 0, .2),
          0 6px 0 #fff,  
          0 7px 0 rgba(0, 0, 0, .2);
}
#form_login:before
{
	content: '';
    position: absolute;
    z-index: -1;
    border: 1px dashed #ccc;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    -moz-box-shadow: 0 0 0 1px #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}
#form_login fieldset
{
    border: 0;
    padding: 0;
    margin: 0;
}
#form_login .input_field
{
    background: #f1f1f1 url(../images/login-sprite.png) no-repeat;
    padding: 7px 15px 7px 30px;
    margin: 0 0 5px 0;
    width: 193px; /* 193 + 2 + 45 = 240 */
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}
#login_email
{
    background-position: 2px -9px !important;
}
#login_password
{
    background-position: 5px -58px !important;
}
#form_login .input_field:focus
{
    background-color: #fff;
    border-color: #b60f24;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #b60f24 inset;
    -webkit-box-shadow: 0 0 0 1px #b60f24 inset;
    box-shadow: 0 0 0 1px #b60f24 inset;
}
#form_login #actions
{
    margin: 5px 10 0 0;
}
#form_login #actions a
{
    color: #b60f24;    
    float: left;
    line-height: 35px;
    margin-left: 8px;
}
#form_login #links a
{
    color: #b60f24;    
    float: none;
    line-height: 35px;
    margin-left: 37px;
}
/*Fin de Form Login*/








