/**
* #########################
* inicio COMUNES
* #########################
*/
*
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
body
{
	font: 14px Tahoma, Verdana, sans-serif;
	text-align: left;
	letter-spacing: 1px;
	line-height: 23px;
	color: #333;
	background-color: #367EB5;
}
.red
{
	border: 1px solid red;
}
h1
{
	font-size: 40px;
	font-weight: normal;
	letter-spacing: -2px;
	color: #1A4D73;
}
h2
{
	font-size: 30px;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 35px;
	color: #3883BD;
	margin-bottom: 20px;
}
h3
{
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 16px;
	color: #3883BD;
	margin-bottom: 20px;
}
h4
{
	font: 15px Tahoma, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: 0;
	color: #000;
	margin-bottom: 10px;
}
a
{
	cursor: pointer;
}
p
{
	font-size: 14px;
	line-height: 23px;
	color: #333;
}
ul, ol
{
	padding-left: 30px;
}
ul
{
	list-style-image: url(./img/item.jpg);
}
li
{
	line-height: 26px;
}
a:link, a:active
{
	color: #2971BE;
	text-decoration: underline;
}
a:visited
{
	color: #900;
}
a:hover
{
	color: #77AED8;
	text-decoration: none;
}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited
{
	text-decoration: none; /*por Firefox*/
}
span a:link, span a:active
{
	font-size: 11px;
	color: #408EC9;
	border-bottom: 1px dashed #408EC9;
	text-decoration: none;
}
span a:visited
{
	font-size: 11px;
	color: #900;
	border-bottom: 1px dashed #900;
	text-decoration: none;
}
span a:hover
{
	color: #77AED8;
	border-bottom: 1px dashed #FBFBFB; /*mismo color de fondo, por Opera*/
}
strong
{
	font-weight: normal;
	background: #FFEB3F;
}
blockquote
{
	margin: 0 20px;
	padding: 0 10px;
	background: #F4F4F4;
}
cite
{
	font-size: 12px;
	font-style: italic;
}
.note
{
	font-size: 11px;
	letter-spacing: 0;
	line-height: 23px;
	color: #999;
}
.icons img
{
	float: left;
	padding-left: 20px;
}
.icons p
{
	float: left;
	line-height: 48px;
	padding-left: 10px;
}
.left
{
	float: left;
}
.right
{
	float: right;
}
.float-2
{
	float: left;
	width: 49.9%;
}
.float-3
{
	float: left;
	width: 33.3%;
}
.clear
{
	clear: both;
}
.limit
{
	width: 990px;
	margin: auto;
}
.max
{
	width: 930px;
	margin: auto;
}
#feedback
{
	width: 38px;
	height: 104px;
	position: fixed;
	background: url(./img/feedback.png) no-repeat 0 0;
	bottom: 250px;
	left: 0;
}
#feedback:hover
{
	opacity: 0.8;
	background: url(./img/feedback.png) no-repeat -38px 0;
}
.contactanos
{
	width: 130px;
	height: 42px;
	background: url(./img/contactanos.jpg) no-repeat 0 0;
	display: block;
}
.contactanos:hover
{
	background: url(./img/contactanos.jpg) no-repeat 0 -42px;
}
.totop
{
	width: 69px;
	height: 64px;
	display: block;
	background: url(./img/totop.jpg) no-repeat 0 0;
}
.totop:hover
{
	background-position: 0 -64px;
}
.line
{
	height: 65px;
	background: url(./img/line.gif) no-repeat center center;
}
.line-half
{
	height: 55px;
	background: url(./img/line-half.gif) no-repeat center center;
}
.line-short
{
	height: 45px;
	background: url(./img/line-short.gif) no-repeat center center;
}
.line2
{
	width: 99%;
	height: 20px;
	background: url(./img/line2.gif) repeat-x center center;
}
.space
{
	height: 65px;
}
.item
{
	float: left;
	margin: 0 20px 0 0;
}
.img-2
{
	float: left;
	width: 49.9%;
	text-align: left;
}
.img-3
{
	float: left;
	width: 33.3%;
	text-align: left;
}
.img-2 img, .img-3 img
{
	margin-left: -12px;
}
.img-2 p, .img-3 p
{
	font-size: 11px;
	color: #666;
}
.img-2 h4, .img-3 h4
{
	font-size: 12px;
	font-weight: bold;
	color: #1A4D73;
}
.img-2 p a:link, .img-2 p a:active, .img-3 p a:link, .img-3 p a:active
{
	font-size: 11px;
	color: #408EC9;
	border-bottom: 1px dashed #408EC9;
	text-decoration: none;
}
.img-2 p a:visited, .img-3 p a:visited
{
	color: #900;
	border-bottom: 1px dashed #900;
	text-decoration: none;
}
.img-2 p a:hover, .img-3 p a:hover
{
	color: #77AED8;
	border-bottom: 1px dashed #FBFBFB; /*mismo color de fondo, por Opera*/
}
table
{
	width: 100%;
	font-size: 12px;
	text-align: left;
	line-height: 16px;
	margin: 20px 0 20px 0;
}
table th
{
	height: 40px;
	color: #FFF;
	background: #3F8DC8;
	padding: 10px;
}
tr
{
	height: 36px;
}
.tr1
{
	background: #FFF;
}
.tr2
{
	background: #EAF4F9;
}
table td
{
	padding: 10px;
}
table img
{
	margin-right: 10px;
}
table ul
{
	list-style-image: none;
}
.numbers
{
	overflow: hidden;
}
.number
{
	float: left;
	width: 530px;
}
.resumen
{
	color: #000;
	background: #EAF4F9;
	border-top: 1px solid #D6ECF5;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #D6ECF5;
	padding: 18px 20px 18px 25px;
	margin: 10px 0 10px 0;
}
/**
* fin COMUNES
*/

/**
* #########################
* inicio HEADER
* #########################
*/
#header
{
	width: 100%;
	height: 157px;
	background: url(./img/header-bg.jpg) repeat-x;
}
#header .limit
{
	height: 157px;
	background: url(./img/header.jpg) no-repeat;
}
#header .limit #logo_evoit
{
	float: left;
	margin: 19px 0 0 33px;
}
/**
* fin HEADER
*/

/**
* #########################
* inicio TOPMENU
* #########################
*/
#topmenu
{
	height: 40px;
	padding-right: 10px;
	overflow: hidden;
}
#topmenu div, #topmenu p
{
	height: 40px;
	float: right;
	width: 77px;
	font-size: 10px;
	letter-spacing: 0;
	text-align: center;
}
#topmenu a:link, #topmenu a:visited, #topmenu a:active
{
	color: #FFF;
	text-decoration: none;
	display: block;
}
#topmenu a:hover
{
	width: 77px;
	height: 40px;
	color: #F00;
	text-shadow: 1px 1px #FFF;
	/* WARNING estas propiedades se tuvieron que poner en el archivo interfaz.php para que tomen bien los paths en el modrewrite
	background: url(./img/topmenu-over.png) no-repeat !important;
	background: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./img/topmenu-over.png");*/
	padding-top: 7px;
	margin-bottom: -7px;
}
#topmenu p
{
	height: 40px;
	color: #C3C3C3;
	text-shadow: 1px 1px #FFF;
	/* WARNING estas propiedades se tuvieron que poner en el archivo interfaz.php para que tomen bien los paths en el modrewrite
	background: url(./img/topmenu-press.png) no-repeat !important;
	background: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./img/topmenu-press.png");*/
	padding-top: 5px;
	margin-bottom: -5px;
	display: block;
}
/**
* fin TOPMENU
*/

/**
* #########################
* inicio MENU
* #########################
*/
#menu
{
	min-height: 1px; /*por IE7*/
	padding: 60px 40px 0 0;
}
#menu a:link, #menu a:visited, #menu a:active
{
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	color: #1A4D73;
	text-shadow: 1px 1px #FFF;
	text-decoration: none;
	padding-top: 25px;
}
#menu a:hover
{
	color: #C00;
	text-shadow: 1px 1px #FFF;
	background: url(./img/menu-over.gif) no-repeat center top;
}
#menu p
{
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	color: #3A7FB6;
	text-shadow: 1px 1px #FFF;
	background: url(./img/menu-press.gif) no-repeat center top;
	padding-top: 25px;
	display: inline;
}
#menu span
{
	padding-left: 40px;
}
/**
* fin MENU
*/

/**
* #########################
* inicio BANNER
* #########################
*/
#banner
{
	width: 100%;
	height: 32px;
	background: url(./img/banner-bg.jpg) repeat-x;
}
#banner .limit
{
	height: 32px;
	background: url(./img/banner.jpg) no-repeat;
	padding-top: 4px;
	margin-bottom: -4px;
}
#banner a:link, #banner a:visited, #banner a:active
{
	font-size: 11px;
	letter-spacing: 0;
	color: #FFF;
	text-decoration: none;
}
#banner a:hover
{
	text-decoration: underline;
}
#banner span
{
	font-size: 11px;
	letter-spacing: 0;
	color: #B4D1E8;
}
/**
* fin BANNER
*/

/**
* #########################
* inicio MIDDLE TOP
* #########################
*/
#middle-top
{
	width: 100%;
	height: 33px;
	background: url(./img/middle-top-bg.jpg) repeat-x;
}
#middle-top .limit
{
	height: 33px;
	background: url(./img/middle-top.jpg) no-repeat;
}
/**
* fin MIDDLE TOP
*/

/**
* #########################
* inicio MIDDLE
* #########################
*/
#middle
{
	width: 100%;
	height: 100%;
	background-color: #FBFBFB;
	padding-top: 1px;
}
/**
* fin MIDDLE
*/

/**
* #########################
* inicio PANEL
* #########################
*/
.panel
{
	width: 281px;
	height: 100%;
	text-align: left;
}
.panel .left
{
	float: left;
	width: 29px;
	height: 100%;
}
.panel .main
{
	float: right;
	width: 252px;
	height: 100%;
	background: url(./img/panel-bg.jpg) repeat-y;
}
.panel .main .left
{
	float: left;
	width: 17px;
	height: 100%;
}
.panel .main .middle
{
	float: left;
	width: 217px;
	min-height: 215px;
	height: 100%;
	background: url(./img/panel-main-m.jpg) no-repeat;
}
.panel .main .middle div
{
	padding: 48px 10px 15px 23px;
}
.panel .main .middle h4, .panel .main .middle h4 a:link, .panel .main .middle h4 a:visited, .panel .main .middle h4 a:active
{
	font: 16px Tahoma, Verdana, sans-serif;
	font-weight: bold;
	text-shadow: 1px 1px #145187;
	letter-spacing: -1px;
	color: #FFF;
	margin-bottom: 25px;
}
.panel .main .middle h4 a:link, .panel .main .middle h4 a:visited, .panel .main .middle h4 a:active
{
	text-decoration: none;
	background: none;
}
.panel .main .middle h4 a:hover
{
	color: #B9D4E9;
	background: none;
	padding: 0;
	margin: 0;
}
.panel .main .middle ul
{
	list-style-image: none;
	padding-left: 0;
}
.panel .main .middle li
{
	font-size: 12px;
	list-style-type: none;
}
.panel .main .middle p
{
	font-size: 12px;
	color: #FFF;
}
.panel .main .middle a:link, .panel .main .middle a:visited, .panel .main .middle a:active
{
	width: 194px;
	height: 28px;
	line-height: 28px;
	color: #E6F0F8;
	letter-spacing: 0;
	text-decoration: none;
	display: block;
	background: url(./img/panel-btn.png) no-repeat -30px 0;
}
.panel .main .middle a:hover
{
	color: #FFF;
	background: url(./img/panel-btn.png) no-repeat -30px 0;
	background-color: #72ABD6;
	padding-top: 2px;
	margin-top: -2px;
	padding-left: 23px;
	margin-left: -23px;
}
.panel .main .right
{
	float: left;
	width: 18px;
	height: 100%;
}
.panel .main .bottom
{
	width: 252px;
	height: 15px;
	background: url(./img/panel-b.jpg) no-repeat;
}
/**
* fin PANEL
*/

/**
* #########################
* inicio COLUMNA
* #########################
*/
.columna
{
	float: left;
	width: 33.3%;
}
.columna h1
{
	font-size: 21px;
}
.columna h1 a:link, .columna h1 a:visited, .columna h1 a:active
{
	color: #2E5476;
	letter-spacing: -1px;
	text-decoration: none;
}
.columna h1 a:hover
{
	color: #408EC9;
}
.columna span a:link, .columna span a:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-variant: small-caps;
	color: #408EC9;
	border-bottom: 1px dashed #408EC9;
	text-decoration: none;
	text-transform: lowercase;
}
.columna span a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-variant: small-caps;
	color: #900;
	border-bottom: 1px dashed #900;
	text-decoration: none;
	text-transform: lowercase;
}
.columna span a:hover
{
	color: #77AED8;
	border-bottom: 1px dashed #FBFBFB; /*mismo color de fondo, por Opera*/
}
.columna ul
{
	width: 85%;
	border-top: 1px solid #F1F1F1;
	list-style-image: none;
	padding-left: 0;
	margin-top: 20px;
}
.columna li
{
	padding-left: 25px;
	height: 28px;
	border-bottom: 1px solid #F1F1F1;
	list-style-type: none;
	padding-top: 2px;
}
.columna li a:link
{
	height: 28px;
	font-size: 13px;
	color: #4B93CD;
	text-decoration: none;
	border: 1px solid transparent;
	display: block;
}
.columna li a:visited
{
	height: 28px;
	font-size: 13px;
	color: #900;
	text-decoration: none;
	border: 1px solid transparent;
	display: block;
}
.columna li a:hover
{
	color: #214F74;
	background: #F3F9FC;
	border: 1px solid #ADCFE9;
	padding-top: 4px;
	margin-top: -4px;
	padding-left: 20px;
	margin-left: -20px;
}
/**
* fin COLUMNA
*/

/**
* #########################
* inicio MIDDLE BOTTOM
* #########################
*/
#middle-bottom
{
	width: 100%;
	height: 34px;
	background: url(./img/middle-bottom-bg.jpg) repeat-x;
}
#middle-bottom .limit
{
	height: 34px;
	background: url(./img/middle-bottom.jpg) no-repeat;
}
/**
* fin MIDDLE BOTTOM
*/

/**
* #########################
* inicio PREFOOTER
* #########################
*/
#prefooter
{
	width: 100%;
	height: 30px;
	background: url(./img/prefooter-bg.jpg) repeat-x;
}
#prefooter .limit
{
	padding-top: 3px;
	margin-bottom: -3px;
}
#prefooter a:link, #prefooter a:visited, #prefooter a:active
{
	font-size: 11px;
	letter-spacing: 0;
	color: #FFF;
	text-decoration: none;
}
#prefooter a:hover
{
	text-decoration: underline;
}
#prefooter span
{
	font-size: 11px;
	letter-spacing: 0;
	color: #ABB9C5;
}
/**
* fin PREFOOTER
*/

/**
* #########################
* inicio FOOTER
* #########################
*/
#footer
{
	width: 100%;
	min-height: 261px;
	background: url(./img/footer-v-bg.jpg) repeat-x;
}
#footer .limit
{
	height: 100%;
	background: url(./img/footer-h-bg.jpg) repeat-y;
}
#footer .bg
{
	min-height: 261px;
	height: 100%;
	background: url(./img/footer.jpg) no-repeat;
	color: #FFF;
	padding-top: 50px;
}
#footer h5
{
	height: 40px;
	background: url(./img/footer-div.png) no-repeat 0 38px;
}
#footer h6
{
	height: 40px;
}
#footer .div
{
	float: left;
	width: 34px;
}
#footer .column
{
	float: left;
	width: 200px;
}
#footer .column li
{
	letter-spacing: 0;
	list-style-type: none;
	font-size: 12px;
	background: url(./img/footer-div.png) no-repeat 0 30px;
}
#footer .column ul
{
	list-style-image: none;
	padding-left: 0;
}
#footer .column a:link, #footer .column a:visited, #footer .column a:active
{
	width: 200px;
	height: 30px;
	line-height: 30px;
	color: #C3D9E9;
	letter-spacing: 0;
	text-decoration: none;
	border: 1px solid transparent;
	display: block;
}
#footer .column a:hover
{
	color: #FFF;
	background: #4792C9;
	border: 1px solid #85B8DE;
	padding-top: 2px;
	margin-top: -2px;
	padding-left: 20px;
	margin-left: -20px;
}
#contactorapido
{
	float: left;
	width: 210px;
	font-size: 12px;
	letter-spacing: 0;
}
#contactorapido p
{
	font-size: 12px;
	color: #1E4562;
	text-shadow: #7AB2DD 1px 1px;
}
#contactorapido a:link, #contactorapido a:visited, #contactorapido a:active
{
	width: 90px;
	height: 41px;
	background: url(./img/contacto.gif) no-repeat 0 0;
	display: block;
	margin-left: 54px;
}
#contactorapido a:hover
{
	background-position: 0 -41px;
}
#footer .foot
{
	padding-top: 40px;
}
#footer #copyright
{
	font-size: 10px;
	letter-spacing: 0;
	text-align: left;
	color: #AFCBE1;
	padding-left: 25px;
}
#footer form #back_btn a:link, #footer form #back_btn a:visited, #footer form #back_btn a:active
{
	width: 90px;
	height: 41px;
	background: url(img/volver.png) no-repeat 0 0;
	display: block;
}
#footer form #back_btn a:hover
{
	background-position: 0 -41px;
}
/**
* fin FOOTER
*/