/* Inicia fuentes */
@font-face {
    font-family: 'WebSemiBoldItalic';
    src: url('fonts/TitilliumWeb-SemiBoldItalic.eot') format('embedded-opentype'),url('fonts/TitilliumWeb-SemiBoldItalic.ttf') format("truetype");
}
@font-face {
    font-family: 'WebSemiBold';
    src: url('fonts/TitilliumWeb-SemiBold.eot') format('embedded-opentype'), url('fonts/TitilliumWeb-SemiBold.ttf') format("truetype");
}
@font-face {
    font-family: 'WebRegular';
    src: url('fonts/TitilliumWeb-Regular.eot') format('embedded-opentype'), url('fonts/TitilliumWeb-Regular.ttf') format("truetype");
}
@font-face {
    font-family: 'WebLightItalic';
    src: url('fonts/TitilliumWeb-LightItalic.eot') format('embedded-opentype'), url('fonts/TitilliumWeb-LightItalic.ttf') format("truetype");
}
@font-face {
    font-family: 'WebLight';
    src: url('fonts/TitilliumWeb-Light.eot') format('embedded-opentype'), url('fonts/TitilliumWeb-Light.ttf') format("truetype");
}
@font-face {
    font-family: 'WebItalic';
    src: url('fonts/TitilliumWeb-Italic.eot') format('embedded-opentype'), url('fonts/TitilliumWeb-Italic.ttf') format("truetype");
}

@font-face {
    font-family: 'WebExtraLightItalic';
    src: url('fonts/TitilliumWeb-ExtraLightItalic.eot') format('embedded-opentype'), url('fonts/TitilliumWeb-ExtraLightItalic.ttf') format("truetype");
}
@font-face {
    font-family: 'WebExtraLight';
    src: url('fonts/TitilliumWeb-ExtraLight.eot') format('embedded-opentype'), url('fonts/TitilliumWeb-ExtraLight.ttf') format("truetype");
}
@font-face {
    font-family: 'WebBoldItalic';
    src: url('fonts/TitilliumWeb-BoldItalic.eot') format('embedded-opentype'), url('fonts/TitilliumWeb-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'WebBold';
    src: url('fonts/TitilliumWeb-Bold.eot') format('embedded-opentype'), url('fonts/TitilliumWeb-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'WebBlack';
    src: url('fonts/TitilliumWeb-Black.eot') format('embedded-opentype'), url('fonts/TitilliumWeb-Black.ttf') format('truetype');
}
/* Termina fuentes */




table {
	border-collapse: collapse;
	border-spacing: 0;
}


address, caption, cite, code, dfn, em, strong, th, var {
	font-style: WebRegular;
	font-weight: WebRegular;
}

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-weight: WebRegular; }

q:before, q:after { content: ''; }

strong { font-weight: WebBold; }

em { font-style: WebLightItalic; }

a img {	border: none; } /* Gets rid of IE's blue borders */

a { text-decoration: none; }






/* ---------- CLEARFIX ---------- */
/* For modern browsers */
.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after { clear:both; }

/* For IE 6/7 (trigger hasLayout) */
.cf { zoom: 1; }





/* ---------- GENERAL ---------- */
.round {
	border-radius: 0.3125em; /* 5/16 */
	-moz-border-radius: 0.3125em; /* 5/16 */
	-webkit-border-radius: 0.3125em; /* 5/16 */
}

/*p {
	margin-bottom: 0em; 
	color: #000;
}*/

.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }

.half-size-column {
	width: 48%;
}



div.stripe-separator {
	background: transparent url('../images/separator-bg.png') repeat-x left center;
	height: 0.562em; /* 9/16 */
	display: block;
	margin: 1.25em 0; /* 20/16 */
}

h1, h2, h3, h4, h5, h6 { margin-bottom: 0.625em; /* 10/16 */ }




/*Temporary styles*/
ul.temporary-button-showcase {
	list-style-type: none;
}

	ul.temporary-button-showcase li {
		width: 24%;
		float: left;
		margin-bottom: 1em;
	}

code {
	display: inline-block;
	background-color: #f8f9fa;
	border: 1px solid #eeefef;
	padding: 0.416em 0.833em; /* 5/12 10/12 */
	color: #2a2e36;
}

blockquote {
	display: block;
	font-style: WebLightItalic;
	border-left: 2px solid #eeefef;
	padding-left: 0.833em; /* 10/12 */
	color: #9498a1;
	background-color: #FAFAFA;
	font-size:13px;
}

cite {
	font-style: WebLightItalic;
	font-weight: WebBold;
	display: block;
	padding-left: 0.833em; /* 10/12 */
	margin-top: 0.833em; /* 10/12 */
	color: #9498a1;
}







/*p, */ form input, ul#nav li ul, ul#tabs, div.side-menu ul li a, table,
.information-box, .confirmation-box, .error-box, .warning-box, ol, .regular-ul, 
.custom-ul, cite {font-size: 1em; /* 12/16 */ }

div.content-module-heading span { font-size: 0.625em; /* 10/16 */ }

/*form p input[type="text"]
, form p input[type="password"]
{ 
    font-size: 1em;
 width: 95%; 
}*/


h2 { font-size: 0.875em; /* 14/16 */ }
h3 { font-size: 0.75em; /* 12/16 */ }
h4 { font-size: 0.685em; /* 11/16 */ }
h5 { font-size: 0.625em; /* 10/16 */ }


	input:focus { 
		outline: none;
		border: 1px solid #A9A9A9;
		box-shadow: 0px 0px 8px #A9A9A9;
		-moz-box-shadow: 0px 0px 8px #A9A9A9;
		-webkit-box-shadow: 0px 0px 8px #A9A9A9;
		background-color:#fff;
	}
			


			



/* ---------- WIDTHS ---------- */
/* Form Inputs Style */
.default-width-input { width: 20.833em; /* Default Value. Equals 250px for the 12px font size */ }	

.full-width-input { width: 95%; }

/* Textarea Style */
.full-width-textarea {
	width: 95%;
	height: 12.5em; /* 150/12 */
}

/* Page Container Style */
.page-full-width { padding: 0 1.875em; /* 30/16 */ }

.page-limited {
	width: 60em; /* 960/16 */
	margin: 0 auto;
}





/* ---------- BUTTONS ---------- */
.button {
	display: inline-block;
	text-decoration: none;
	background-repeat: no-repeat;
}





/* ---------- FORMS ---------- */
form label {
	color: #000;
	margin: 0 0 0.3125em 0;
	font-size:13px;
}

form label.alt-label { text-transform: none; }




	textarea:hover, textarea:focus {
		border: 1px solid #A9A9A9;
	}
	
form input[type="checkbox"], form input[type="radio"] { margin-right: 0.833em; /* 10/12 */ }

form input[type="submit"] {
	border: none;
	cursor: pointer;
	padding: 0.833em; /* 10/12 */
	background-position: right center;
	padding-right: 3em; /* 36/12 */
	background-repeat: no-repeat;
	font-weight: bold;
	text-transform: uppercase;
	font-size:13px;
}



form p em {
	margin-top: 0.833em; /* 10/12 */
	display: block;
}

form p.form-error, form p.form-error label 
{ 
	color: #cf4425; 
}

form p.form-error em {
	background: transparent url('../images/icons/message-boxes/error.png') no-repeat left center;
	padding-left: 2em; /* 24/12 */
}

form input.error-input { border: 1px solid #ff876f; }
form input.error-input:hover { border: 1px solid #b03e27; }

/* Styling the HTML5 placeholders */
/* So far they don't work in: IE, Opera 10 and below, Firefox 3.6 and below */
::-webkit-input-placeholder { color: #858d9c; }
:-moz-placeholder { color: #858d9c; }











/* ---------- TOP + HEADER ---------- */
div#top-bar {
	background-color: #2a2e36;
	padding: 0.625em 0; /* 10/16 */
	
}

div#header { 
   height:50px;
padding: 1.25em 0; /* 20/16 */ 
/*background-color:pink;*/
background-color:#FAFAFA;
}

div#header-with-tabs { padding: 1.25em 0 0 0; /* 20/16 */ }

div#login-intro {
/*	background: transparent url('../imagenes/logo.gif') no-repeat left center;*/
	padding: 0.312em 0 0.312em 3.125em;
}
	div#login-intro h1 { text-transform: uppercase; margin: 0.312em 0 0 0; }
	div#login-intro h5 { color: #9498a1; }

a#company-branding img { height: 39px; }	
a#company-branding-small img { height: 30px; }	












/* ---------- CONTENT ---------- */






form#form1{

	/* margin: 0px auto  0px auto;*/
	/*background: #3f4551;*/
}

div.side-menu {
	background: #3f4551;
	border: 1px solid #eeefef;
	width: 15%;
	margin-bottom: 1em; /* 16/16 */
}

	div.side-menu h3 {
		text-transform: uppercase;
		font-weight: WebBold;
		margin:  1.25em; /* 15/12 */
		color: white;
	}
	
	div.side-menu ul { list-style-type: none; }
	
		div.side-menu ul li a {
			padding: 0.833em 1.25em; /* 10/12 15/12 */
			border-top: 1px solid #f8f9fa;
			display: block;
			background: white url('../images/menu-dark-indicator.png') no-repeat right center;
		}
			div.side-menu ul li a:hover {
				background-color: #f8f9fa;
			}

div.side-content { width: 83%; /* 100% - 15% for the side menu - 2% for the left margin */ }

div.content-module {
	background: white;
	margin-bottom: 1em; /* 16/16 */
	border: 1px solid #eeefef;
}

div.content-module-heading {
	background: #3f4551;
	cursor: pointer;
}

	div.content-module-heading h3 {
		text-transform: uppercase;
		color: white;
		font-weight: WebBold;
		margin: 1.25em; /* 15/12 */
	}
	
	div.content-module-heading span { 
		color: #969dac;
		text-transform: uppercase;
		margin: 1.5em; /* 15/10 */
	}

div.content-module-main { padding: 1em; /* 16/16 */ }


/**/
 .camposObligatorios{
	color: red;
	padding-right: 1px;
}
/**/


/* ---------- FOOTER ---------- */
div#footer {
	text-align: center;
	padding: 1.875em 0; /* 30/16 */
	
	/*background-color:#000;*/
}
div#footer  p{
	/*color: #fff;*/
}

div#SideLeft{

   float:left;
	/*background-color:red;*/
	width:260px;
	/*height:px;*/
}

div#SideLeft img{
	/*padding:1px;*/
	margin-left:5px;
}

div#SideRight{
	/*background-color:red;*/
	float: right;
	width:250px;
	height:400px;
}

div#SideRight img{
	margin-left:15px;
	width: 220px;
	height: 141px;
}
			#SideRight ul{
               list-style: none;
            }
            #SideRight li{
               font-weight: WebBold;
			   height: 25px;
			   background-color: #CC0000;				
            }
			
			#SideRight li a{
			   color: white;
			   text-decoration: none;
			    padding-left: 10px;
				padding-top:10px;
				font-size:14px;
			}
			#SideRight span { 
					text-decoration: underline; 
					color: #C3C3C3;
			}
			
			#SideRight span { 
					text-decoration: underline; 
					color: #C3C3C3;
			}
			
			SideRight span a:hover { 
				text-decoration: none; 
			}

div#contentRegister {
		padding: 1.875em 0;
		
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
		-moz-box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);
		-webkit-box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);
		box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);
		border: 1px solid #A9A9A9;
		background-color:#FAFAFA;
		width:100%;
		/*float:left;*/
		
		/*margin:5px;*/
		margin-left:auto; 
		margin-right: auto; 
		/*text-align: center;*/
}

			
			
div#contentPrimary{
	width: 1024px; 
}

div#contentHeader{
		width:420px;
		margin:15px 0px 0px 30px;
}

div#content {
		padding: 1.875em 0;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
		-moz-box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);
		-webkit-box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);
		box-shadow:0px 1px 3px 2px rgba(0,0,0,0.1);
		border: 1px solid #A9A9A9;
		background-color:#FAFAFA;
		width:760px;
}