﻿/* CSS Document */
* { margin:0; padding:0;}

.column { float:left;}
.clear { clear:both;}

html, body { height:100%; }
body {font-size:100%; line-height:1.1em; text-align:center; background:url(images/bg.gif) repeat-x top #F7F2F7}
html, input, textarea
	{	font-family:Arial; 
		color:#6d6668;
	}	


.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
.width{ width:100%}
.widthR{ width:10%; vertical-align:middle}
.widthB{ width:30%; vertical-align:middle}

a img{ border:0px}
img{ vertical-align:top;  }

b{color:#000000; font-size:1.1em}

a{color:#57018A; text-decoration:none} 
a:hover{text-decoration:underline}
.a1{color:#0ea0e5;  font-size:1.1em; } 
.a2{color:#222222; background:url(images/arrow3.gif)  top left no-repeat; background-position:0 5px; padding-left:15px } 
.a3{color:#62b327; background:url(images/arrow1.gif)  top left no-repeat; background-position:0 5px; padding-left:15px } 

ul{margin:0; padding:0; list-style:none}
ul li{background:url(images/arrow.gif)  top left no-repeat; background-position:0 10px; margin:0px; padding-left:19px; }
ul li a{
	color:#57018A;
	text-decoration:none;
	font-size:1.1em;
	line-height:normal
} 
ul li a:hover { text-decoration:underline; color:#57018A}

.ul1 ul{margin:0; padding:0; list-style:none; line-height:25px}
.ul1 ul li{background:url(images/arrow1.gif)  top left no-repeat; background-position:0 12px; margin:0px; padding-left:15px; }
.ul1 ul li a{color:#62b327; text-decoration:underline; font-size:1.1em } 
.ul1 ul li a:hover { text-decoration:underline; }

.ul2{margin:0 0 0 5px; padding:0; list-style:none; line-height:27px}
.ul2 li{background:url(images/arrow3.gif)  top left no-repeat; background-position:0 12px; margin:0px; padding-left:15px; }
.ul2 li a{color:#222222; text-decoration:underline; font-size:1.1em } 
.ul2 li a:hover { text-decoration:underline; }

/*header*/
#header .logo{ margin:0px 59px 0px 0px }
#header .word{ margin:43px 0px 25px 0px }

/*content*/
#content{ font-size:0.75em; width:100%; text-align:left; background:#FFFFFF}
#content .indent_main{ padding:0px 9px 0px 8px}
#content .indent_col2{ padding:14px 0px 0px 21px}
#content .indent{ padding:19px 0px 25px 0px}
#content .indent1{ padding:27px 30px 25px 32px}
#content .title{
	padding:15px 15px 15px 49px;
	background-color: #AA7FAE;
	background-image: url(images/icon_tecno.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#content .title1{
	padding:15px 0px 15px 49px;
	margin-top:11px;
	background-color: #AA7FAE;
	background-image: url(images/icon_gestion.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#content .title2{
	padding:15px 0px 15px 49px;
	margin-top:11px;
	background-color: #AA7FAE;
	background-image: url(images/icon_foro.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#content .title3{
	padding:15px 0px 15px 49px;
	margin-top:11px;
	background-color: #AA7FAE;
	background-image: url(images/icon_newsletter.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#content .title4{
	padding:15px 0px 15px 49px;
	margin-top:11px;
	background-color: #b48eb8;
	background-image: url(images/icon_partners.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#content .title5{
	padding:15px 0px 15px 49px;
	margin-top:11px;
	background-color: #b48eb8;
	background-image: url(images/icon_info.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#content .line{ margin-bottom:19px}
#content .lineNegrita{
	font-size: 12px;
	color: #4c047e;
	font-weight: normal
}
#content .line1{ margin:15px -35px 19px 0}
#content .line2{ margin:29px 0px 25px 0}
#content h1 {
	font-size:1.2em;
	color:#FFFFFF;
	font-weight:bold
}
#content .h1 { margin-bottom:27px}
#content h2 { font-size:1.4em; color:#4c047e; font-weight:bold}
#content .h2 { margin-bottom:27px}
#content h3 { font-size:1.8em; color:#4c047e; font-weight:bold}
#content h4 { font-size:1.1em; color:#0ea0e5; font-weight:bold}
#content p{ margin:10px 0px 0px 0px}
#content .p1{ margin:10px 0px 20px 0px}
#content .pic_left{ float:left; margin:0px 27px 16px 0px}
#content .pic_left1{ float:left; margin:0px 21px 16px 0px}
#content .pic_left2{ float:left; margin:0px 10px 10px 0px}
#content .pic{  margin:10px 0px 18px 0px}
#content .bg1{ background:url(images/bg2.gif) repeat-x bottom #f3d4f6; padding:4px 10px 13px 30px; color:#2c2829}
#content .bg2{ background:url(images/bg2.gif) repeat-x bottom #ffffff; padding:14px 23px 23px 30px; font:Arial, Helvetica, sans-serif; font-size:12px}
#content .more{ margin:26px 9px 0px 0px}
#content .more1{ margin:26px 0px 0px 0px}
#content .txt{ color:#0ea0e5; text-transform:uppercase; font-weight:bold}
#content .txt1{ color:#2c2829; }
#content .txt2{ font-size:12px; color:#4c047e; }
/*index-2.html*/
#page3 #content .indent_col2{ padding:14px 20px 0px 21px}
#page3 #content .bg1{color:#4c047e; padding:9px 23px 24px 30px;}
#page3 #content .col1 .bg1 p{ margin:0px}
#page3 #content .col1 .bg1 strong{ float:right; margin-bottom:15px}

/*index-3.html*/
#page4 #content .bg1{ padding:10px 23px 45px 30px; }
#page4 #content .col2 p{ margin:0px 0px 21px 0px}
/*index-4.html*/
#page5 #content .indent{ padding:26px 20px 45px 32px; }
#page5 #content p{ margin:15px 0px 0px 0px}
/*footer*/
#footer { color:#FFFFFF; font-size:0.75em; padding:23px 0px 57px 425px}
#footer a {color:#FFFFFF; text-decoration:underline}  
#footer a:hover {text-decoration:none}

.h{ height:50px}
input{
   width:173px; height:20px;
   font-size:1em;
   padding-left:5px;
   margin-bottom:3px
}
textarea{
   width:193px; height:70px;
   font-size:1em;
   padding-left:5px;
   margin-bottom:11px;
   overflow:auto}
._codigo {
	padding: 4px;
	font-family: consolas;
	font-size: x-small;
	font-weight: bold;
	color: #6d6668;
	background-color: #F7F2F7;
	border: 1px solid #B48EB8;
	margin: 10px 10px 20px 10px;
	line-height: 12px;
	word-spacing: normal;
	letter-spacing: normal;
	white-space: normal;
	text-align: left;
	vertical-align: middle;
}
._codigoinline {
	font-family: consolas;
	font-weight: bold;
	color: #57018A;

}
._tablas {
	border-collapse: collapse;
	border-spacing: 1px;
	padding: 4px;
	margin: 10px 10px 20px 10px;
	border: 1px solid #B48EB8;
	background-color: #F7F2F7;
}
