/*
Theme Name: Corporativo Integral
Theme URI: http://solucionesenafianzamiento.mx
Description: Tema para Corporativo Integral
Version: 1.0
Author:Jorge Basich
Author URI: http://d-wep.com
Tags: 
*/
/* COLOR

		#db7523 Dark Orange
		#f68428 Light Orange
		#e6d2aa Beige
		#445105 Dark Green
		#9bb80c Light Green
*/

/*
	RESET
*/

* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #222; background: #db7523; }
ol { list-style: decimal inside; }
a { outline: none; text-decoration: none; }
a img { border: none; background: none; }
img { vertical-align: middle; border:none; }
table { border-collapse: collapse; }
strong { font-weight: bold }
em { font-style: italic }


/*
	UTILITY
*/

.clr { clear:both; }
.hide { text-indent: -99999px; }
.der { float:right; width:340px; padding:8px; }
.izq { float:left; width:340px; padding:8px; }
.button { padding: 4px 4px; background-color:#eee; border:1px solid #000; color:#000; font-size: 1.1em; font-weight:bold;}
.button:hover { background:#0b2b44; color:#eee; }
.centro { text-align:center; margin: 5px auto; }

/* 
	TYPOGRAFY
*/
p, li { margin: 0px 10px; margin-right:20px; padding: 10px 0px; font-size: 1.2em; color:#333; }
h5 { font-family:Georgia, "Times New Roman", Times, serif; margin-bottom: 0.2em; }
h2 { margin-top: 0.2em; margin-bottom: 0.6em; }
h3, h4 { margin-top: 0.4em; margin-bottom: 0.6em; }
h2 { font-size: 2.4em; font-weight:bold; color: #db7523; font-family: frutiger; }
h3 { font-size: 2.2em; font-weight: bold; color: #445105; font-family: avenir; margin-left:15px; }
h4 { font-size: 2.0em; font-weight: bold; color: #666; font-family: avenir; margin-left:25px; }
h5 { font-size: 1.8em; font-weight: bold; color: #222; font-family: avenir; margin-left:25px; text-align:center; margin: 5px auto; }
h6 { font-size: 1.8em; font-weight: bold; color: #9bb80c; font-family: avenir; margin-left:25px; text-align:center; margin: 5px auto; }
a:link, a:visited { text-decoration:none; color: #e6d2aa; font-weight:bold;  }
a:hover, a:active { text-decoration:underline; color: #f68428; }
#content ul { margin: 0.6; }
#content ul li { padding: 0.3em 0.4em; line-height: 1.8em; }


/*  LAYOUT */
#page { position:relative; width: 960px; margin: 0 auto; background: #eee url(img/bg3.jpg) top center repeat-y; }
#pagebottom { width: 960px; height: 15px; margin: 0 auto; background: url(img/bg2.jpg) top center no-repeat; }
#header { height:110px; background: #eee url(img/bg1.jpg) top center repeat-y; padding: 10px 25px 0; }
	#logo { float:left; width:343px; height:94px; background:url(img/logo.jpg) no-repeat; }
	#header span  { display:none; }
	
#main { position:relative; }
#sidebar { float:left; width: 200px; padding: 0 0 0 12px; }
#content { float:right; width: 720px; min-height: 550px; padding: 10px; background: url(img/cbg.jpg) top no-repeat; }
#footer { width: 960px; margin: 0 auto; text-align:center; }

/* NAVIGATION */

#nav { width: 960px; height: 50px; background: url(img/bgnav.jpg) no-repeat; }
#nav ul { float:right; width: 900px; }
#nav li { display:inline; margin: 0px; }
#nav img { padding: 20px 0 0 0; }
#nav a { float:left; width: 100px; height: 50px; text-align:center; display:block; padding: 15px 0 0 0; font-size: 1.2em; font-weight: bold; color:#666; }
#nav a:link, #nav a:visited { }
#nav a:hover, #nav:active { text-decoration:none; color: #eee; background:url(img/nav-hover.png) repeat-x; }
#nav .current_page_item a:active, #nav .current_page_item a:visited { background:url(img/nav-active.png) repeat-x; color: #eee; }

/*
	SIDEBAR
*/
#sidebar .sideul { margin: 0; padding: 0 0 10px 0; }
#sidebar ul { list-style:none; margin: 0px; }
#sidebar li { padding: 5px 0px; }
#sidebar h1 { font-size: 1.4em; }
#sidebar h2 { color: #445105;  font-weight: bold; margin: 0; padding-bottom: 5px; padding-top: 6px; padding-left: 5px; font-size: 1.3em; border-bottom: solid 1px #333; }
#sidebar h3 { font-weight: bold; margin-left: 5px; padding-top: 10px; font-size: 1.2em; }
#sidebar h4 { font-weight: bold; margin-left: 5px; font-size: 1.1em; }
#sidebar a:link, #sidebar a:visited { text-decoration:none; font-weight: normal; margin-left: 5px; color:#db7523; font-size:1.2em; }
.widget { width: 185px; margin: 0 0 10px 0; padding-bottom: 10px; }

/* FOOTER */
#footer p { font-size: 1.2em; font-weight:bold; color:#e6d2aa; }
#footer a { font-size: 1.1em; }
#footer a:link, #footer a:visited {  color: #eee; }
#footer a:hover, #footer a:active { text-decoration:none; }

/* Company */
.co { background:#FFF; border: 2px solid #666; text-align: center; vertical-align:middle; margin: 0 auto; }
.co tr { height:130px; border-bottom: 1px dotted #666; }


#contact-info { float: left; width: 250px; margin: 0px; padding: 5px; }
#googlemap { width: 600px; height: 450px; margin: 5px auto 15px; border: 2px solid #666; }

/*
	FORMs
*/
.rowElem { position: relative; clear: both; min-height: 35px; }
.rowElem label.error { float: none; color: #900; position: absolute; top: 24px; left: 0; }
.rowElem #jqTransformTextarea-mm label.error { top: 28px; }
.webform { float:right; width: 425px; padding: 10px; margin-right: 10px; font-size:1.2em; font-weight:bold; color: #444; border: 1px solid #bbb; background: #fff; }
.webform ul, .webform li { list-style:none; margin: 0; padding: 0; } 
#webform2 { position:relative; width: 500px; margin: 10px auto; padding: 10px; font-size:1.2em; font-weight:bold; color: #444; border: 1px solid #bbb; background: #fff; z-index: 10; }
.row2 { margin-left: 170px; }


/*
	jqTransfrom
*/

form.jqtransformdone label{
	margin-top:4px;
	margin-right: 8px;
	width: 150px;
	display: block;
	float:left;
}
form.jqtransformdone label.rad {
	margin-top:4px;
	margin-right: 8px;
	width: 90px;
	display: block;
	float:left;
}
form.jqtransformdone div.rowElem{
	clear:both;
	padding:10px 0px;
}
/* -------------
 * Buttons
 * ------------- */
button.jqTransformButton {
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	overflow: visible;
	font-family: Arial;
}

*:first-child+html button.jqTransformButton[type]{width: 1px;} /* IE7 */

button.jqTransformButton span {
	background: transparent url(/img/btn_right.gif) no-repeat scroll right top;
	display: block;
	float: left;
	padding: 0px 4px 0px 0px; /* sliding doors padding */
	margin: 0px;
	height: 33px;
}

button.jqTransformButton span span {
	background: transparent url(/img/btn_left.gif) no-repeat;
	color: #333;
	padding: 8px 4px 0px 8px;
	font-weight: normal;
	font-size: 12px;
	line-height: 13px;
	display: block;
	text-decoration: none;
	height: 33px;
}

/* -------------
 * Inputs
 * ------------- */
.jqTransformInputWrapper {
	background: transparent url(/img/input_left.gif) no-repeat left top;
	height: 31px;
	padding: 0px;
	float:left;
}

.jqTransformInputInner {
	background: transparent url(/img/input_right.gif) no-repeat right top;
	padding: 2px 4px 2px 0px;
	margin: 0px 0px 0px 4px;
}

.jqTransformInputInner div {
	height: 31px;
}

.jqTransformInputInner input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	vertical-align: middle;
	height: 31px;
	color:#404040;	
	border: none;
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
	background:transparent;
}


/*  IE6 */

* html .jqTransformInputInner input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	vertical-align: middle;
	height: 31px;
	color:#404040;	
	border: 0;
	padding: 2px 0 0 0;
	margin: 0 0 0 0;
	background:transparent;
}


/*hover*/
.jqTransformInputWrapper_hover{ background: transparent url(/img/input_left-hover.gif) no-repeat left top;}
.jqTransformInputWrapper_hover div{}
.jqTransformInputWrapper_hover div.jqTransformInputInner{ background: transparent url(/img/input_right-hover.gif) no-repeat right top;}

/*focus*/
.jqTransformInputWrapper_focus{ background: transparent url(/img/input_left-focus.gif) no-repeat left top;}
.jqTransformInputWrapper_focus div{}
.jqTransformInputWrapper_focus div.jqTransformInputInner{ background: transparent url(/img/input_right-focus.gif) no-repeat right top;}



.jqTransformSafari .jqTransformInputInner div {
	position: relative;
	overflow: hidden;
}
.jqTransformSafari input {
/*	background-color: none;*/
	position: absolute;
	top: -10px;
	left: -2px;
	height: 42px; 
	padding-left: 4px;
}

/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
	width: 45px;
	position:relative;
	height: 31px;
	background: url(/img/select_left.gif) no-repeat top left;
	float:left;
}

.jqTransformSelectWrapper div span {
	
	font-size: 12px;
	float: none;
	position: absolute;
	width: 14px;
	height: 31px;
	line-height: 15px;
	padding: 8px 0 0 7px;
	overflow: hidden;
	cursor:pointer;
	z-index: 2;
	/*border: 1px solid #CCCCCC;*/
/*	border-right: none;*/
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute; 
	right: 0px;
	width: 31px;
	height: 31px;
	background: url(/img/select_right.gif) no-repeat center center;
}

.jqTransformSelectWrapper ul {
	position: relative;
	width: 43px;
	top: 30px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	border: solid 1px #CCC;
	display: none;
	margin: 0px;
	padding: 0px;
	height: auto;
	overflow: auto;
	overflow-y: auto;
	z-index:100 !important;
}


.jqTransformSelectWrapper ul a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color:#333;
	background-color: #FFF;
	font-size: 12px;
}

.jqTransformSelectWrapper ul a.selected {
	background: #EDEDED;
	color: #333;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#3582c4;
	color: #fff;
}


/* -------------
 * Textarea
 * ------------- */
table.jqTransformTextarea { z-index:1; }
table.jqTransformTextarea td{
font-size: 1px;
line-height: 1px;
width: 5px;
height: 5px;
margin: 0;
padding: 0;
}

table.jqTransformTextarea tr{
/*border: 1px solid red;*/

}
table.jqTransformTextarea textarea{
margin: 0;
padding: 0;
border: 0;
background: none;
}
table.jqTransformTextarea td#jqTransformTextarea-tl{
background: url(/img/textarea-tl.gif) no-repeat bottom left;
}
table.jqTransformTextarea td#jqTransformTextarea-tm{
background: url(/img/textarea-tm.gif) repeat-x bottom left;
}
table.jqTransformTextarea td#jqTransformTextarea-tr{
background: url(/img/textarea-tr.gif) no-repeat bottom left;

}
table.jqTransformTextarea td#jqTransformTextarea-ml{
background: url(/img/textarea-ml.gif) repeat-y top left;
}
table.jqTransformTextarea td#jqTransformTextarea-mm{
background: url(/img/textarea-mm.gif) repeat top left;
}
table.jqTransformTextarea td#jqTransformTextarea-mm textarea{
font-size: 12px;
line-height: 16px;
}




table.jqTransformTextarea td#jqTransformTextarea-mr{
background: url(/img/textarea-mr.gif) repeat-y top left;
}
table.jqTransformTextarea td#jqTransformTextarea-bl{
background: url(/img/textarea-bl.gif) no-repeat top left;
}
table.jqTransformTextarea td#jqTransformTextarea-bm{
background: url(/img/textarea-bm.gif) repeat-x top left;
}
table.jqTransformTextarea td#jqTransformTextarea-br{
background: url(/img/textarea-br.gif) no-repeat top left;
}
/*hover*/
table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-image: url(/img/textarea-tl-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-image: url(/img/textarea-tm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-image: url(/img/textarea-tr-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-image: url(/img/textarea-ml-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(/img/textarea-mm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-image: url(/img/textarea-mr-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-image: url(/img/textarea-bl-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-image: url(/img/textarea-bm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-image: url(/img/textarea-br-hover.gif);}
/*focus*/
table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-image: url(/img/textarea-tl-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-image: url(/img/textarea-tm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-image: url(/img/textarea-tr-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-image: url(/img/textarea-ml-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(/img/textarea-mm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-image: url(/img/textarea-mr-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-image: url(/img/textarea-bl-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-image: url(/img/textarea-bm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-image: url(/img/textarea-br-focus.gif);}


table.jqTransformTextarea .jqTransformSafariTextarea div {
	position: relative;
	overflow: hidden;
	border: 0px solid red;
}
table.jqTransformTextarea .jqTransformSafariTextarea textarea{
	background: none;
	position: absolute;
	top:-10px;
	left:-10px;
	padding: 10px 10px 10px 10px;
	resize: none;
}


/* -------------
 * Radios
 * ------------- */
.jqTransformRadioWrapper {float: left;display:block;margin:0px 4px;	margin-top:5px;}
.jqTransformRadio {
	background: transparent url(/img/radio.gif) no-repeat center top;
	vertical-align: middle;
	height: 19px;
	width: 18px;
	display:block;/*display: -moz-inline-block;*/
}


/* -------------
 * Checkboxes
 * ------------- */
span.jqTransformCheckboxWrapper{
	display:block;float:left;
	margin-top:5px;
}
a.jqTransformCheckbox {
	background: transparent url(/img/checkbox.gif) no-repeat center top;
	vertical-align: middle;
	height: 19px;
	width: 18px;
	display:block;/*display: -moz-inline-block;*/
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
a.jqTransformChecked { background-position: center bottom;}



/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}