/* BODY */
* {margin: 0; padding: 0;}

body {
	background-attachment: fixed; 
	background-image: url('../images/bk-texture.jpg'); 
	background-repeat: repeat; 
	font: normal 14px/20px "Trebuchet MS", Helvetica, Arial; 
	height:100%;
}

/* TEXT */
h1, h2, h3 {
	color: #07093d; 
}

#formcontacto{
	border:none;
	color:#FFF;
	}
	
h1 {
	font-size: 38px;
	margin: 0;
	padding-top: 70px;
	font-family: "Trebuchet MS", Helvetica, Arial;
	letter-spacing: -1px;
	font-weight: bold;
	color: #3d5272;
	line-height: 25px;
}
#banner_int h1 {
	font-size: 38px;
	margin: 0;
	padding-top: 35px;
	font-family: "Trebuchet MS", Helvetica, Arial;
	letter-spacing: -1px;
	font-weight: bold;
	color: #3d5272;
	line-height: 25px;
}
#content h2 {
	padding: 0px 0px 0px 10px;
	background: url('../images/bullet-tits.gif') no-repeat 0px 10px;
	font-size: 20px;
	color: #07093d;
	letter-spacing: -1px;
	font-weight: normal;
}
#con_int h2 {
	padding: 15px 0px 0px 15px;
	background: url('../images/bullet-tits.gif') no-repeat 0px 10px;
	font-size: 24px;
	color: #07093d;
	letter-spacing: -1px;
	font-weight: normal;
}
#footer h3 {
	padding: 0px 0px 0px 10px;
	background: url('../images/bullet-h3.gif') no-repeat 0px 6px;
	font-size: 13px;
	color: #FFFFFF;
	letter-spacing: -1px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#footer a, #footer a:visited {
	color: #d9d9d9;
	text-decoration: none;
	padding-left:10px;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;	
}
#footer_credits a, #footer_credits a:visited {
	color: #d9d9d9;
	text-decoration: none;	
}
#footer_credits a:hover {
	color: #FFFFFF;
	text-decoration: none;	
}

.articulos_titulos {
	padding: 0px 0px 0px 10px;
	background: url('../images/bullet-articulos.gif') no-repeat 0px 5px;
	font-weight: normal;
}
.mas {
	width:87px;
	height:20px;
	padding: 2px 0px 0px 20px;
	background: url('../images/more.gif') no-repeat 0px 0px;
	font-weight: normal;
}
.como {
	width:142px;
	height:36px;
	padding: 5px 30px 5px 10px;
	background: url('../images/banner/bk-lea.png') no-repeat 0px 0px;
	font-weight: normal;
	font-size: 24px;
}

p{
	padding: 7px 0 7px 10px;
}

p a, blockquote {
	text-align: justify;
	line-height: 1.3em;
	/*padding-left:10px;*/
	padding-bottom:0px;
	padding-top:0px;
}

blockquote {
	padding: 15px 0 0 20px;
	background: url('../images/quote.gif') no-repeat;
	text-align: left;
}

a, a:visited {
	text-decoration: underline;
	/*color: #683d78;*/
	color:#0e4ead;
}

a:hover {
	text-decoration: none;
	color: #812ea0;
}
/* ---------------------- END TEXT ---------------------- */
/* HEADER */
#header { width:100%; height:100px; }
#top { width:100%; height:6px; margin-bottom:10px; background:url('../images/header-top.gif') repeat-x top left}

/* ---------------------- MENU ---------------------- */
#menu_bk {width:100%; height:85px; background:url('../images/menu-bk.png') repeat}

#menu_container {position:relative;height:85px;color:#FFFFFF; width:1000px; font-family:"Trebuchet MS", Helvetica, Arial; letter-spacing: -1px; margin:0 auto;}
#menu{position:relative; width:auto; height:70px; font-size:18px; font-weight:bold; padding:0 0 15px 0px;}

#menu ul{ margin:0; padding:0; list-style-type:none; width:auto; float:left; }
#menu ul li{ display:block; float:left; margin:0 1px; background:url('../images/bullet-menu.gif') no-repeat 10px 58px;}
#menu ul li a{ display:block; float:left; color:#dfdfdf; text-decoration:none; padding:0 0 15px 20px;height:70px;}
#menu ul li a span{ padding:50px 20px 0 0; height:30px; float:left;}
#menu ul li a:hover{ color:#FFFFFF;background:transparent url('../images/menu-bg-OVER.png') repeat-x bottom left;}
#menu ul li a:hover span{ display:block; width:auto; cursor:pointer;}
#menu ul li a.current,#menu ul li a.current:hover{ color:#FFFFFF; background:url('../images/menu-ON.gif') no-repeat top center;line-height:290%;}
#menu ul li a.current span{ display:block; padding:25px 20px 0 0; width:auto; height:55px;}

#logo {width:250px; height:65px; float:right; font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align:right; padding-top:20px;}
/* ---------------------- END MENU ---------------------- */


/* ---------------------- BANNER ---------------------- */
#banner { width:1000px; height:300px; margin:0 auto; background:url('../images/banner/bg-banner.png') no-repeat 0px 0px}
#banner_int { width:1000px; height:100px; margin:0 auto; text-align:right;}
#banner_imagen_2 { width:100%; background:url('../images/banner/bg-articulos.png') no-repeat top center;}
#banner_imagen_14 { width:100%; background:url('../images/banner/bg-servicios.png') no-repeat top center;}
#banner_imagen_16 { width:100%; background:url('../images/banner/bg-herramientas.png') no-repeat top center;}
#banner_imagen_18 { width:100%; background:url('../images/banner/bg-nosotros.png') no-repeat top center;}
#banner_imagen_9 { width:100%; background:url('../images/banner/bg-blog.png') no-repeat top center;}
#banner_imagen_3 { width:100%; background:url('../images/banner/bg-articulos.png') no-repeat top center;}

#wrapper {
    width: 1000px;
    margin: 0 auto;
}

#intro {
    padding-bottom: 10px;
}

h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slider {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 260px;
    width: 1000px;
    overflow: auto;
    overflow-x: hidden; 
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 0px 20px 0px 20px;
    height: 260px;
    width: 1000px;
}

#shade {
    height: 50px;
}

ul.navigation {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

ul.navigation li {
	font-size:25px;
    display: inline;
	margin-left: 2px;
    margin-right: 2px;
	letter-spacing: -1px;
	
}

ul.navigation a {
	margin-top: 5px;
	padding:25px 90px 5px 90px;
    color: #FFFFFF;
    text-decoration: none;
	background: url('../images/shade.png') no-repeat 0px 20px;
}

ul.navigation a:hover {
    color: #FFFFFF;
	background: url('../images/hover.png') no-repeat 0px 0px;
}

ul.navigation a.selected {
    background: url('../images/hover.png') no-repeat 0px 0px;
}

ul.navigation a:focus {
    outline: none;
}

.hide {
    display: none;
}

/* ---------------------- END BANNER ---------------------- */
/* ----------------------  CONTENT ---------------------- */
#content_bg { width:100%; height:auto; min-height: 100%; background:url('../images/bg-content.png') repeat-x top left;}
#content_bk { width:100%; height:auto; min-height: 100%; background:url('../images/bk.jpg') repeat-x 0px 100px;}
#con_bg_int { width:100%; height:auto; min-height: 100%; background:url('../images/bg-content.png') repeat-x 0px 100px;}
#con_bk_int { width:100%; height:auto; min-height: 100%; background:url('../images/bk.jpg') repeat-x 0px 200px;}
#sombratop { width:1018px; margin:0 auto; height:auto; min-height: 100%; background:url('../images/sombra-top.png') no-repeat 0px 0px;}
#sombrabottom { width:1018px; margin:0 auto; background:url('../images/sombra-bottom.png') no-repeat bottom left; height: auto;min-height:100%;overflow: hidden;}
#pathway { width:735px; height:20px; background:url('../images/bg-pathway.jpg') repeat-x 0px 7px; margin-bottom:10px; padding:7px 0px 0px 10px}
#pathway_sidebar { width:235px; height:20px; background:url('../images/bg-pathway.jpg') repeat-x 0px 7px; margin-bottom:10px; padding:7px 0px 0px 0px}
#pathway a, #pathway a:visited {
	padding: 0px 0px 0px 10px;
	background: url('../images/bullet-path.gif') no-repeat 0px 5px;
	color:#07093d;
	font-weight: bold;
	text-decoration: none;
}
#pathway a:hover {
	padding: 0px 0px 0px 10px;
	background: url('../images/bullet-path.gif') no-repeat 0px 5px;
	color:#003366;
	font-weight: bold;
	text-decoration: none;
}
/*#content { width:1000px; height:400px; margin:0px auto;}*/
#content { width:970px; height:400px; margin:0px auto;}
/*#con_int {width:1000px; background:#FFFFFF url('../images/top-cols.gif') repeat-x top left; margin:0 auto; min-height:600px}*/
#con_int {
	width:745px; 
	background:#FFFFFF url('../images/top-cols.gif') repeat-x top left; 
	margin:0px; 
	min-height:600px;
	float:left; 
	margin-left:9px;
}

#content_col2_interna { 
	float:left; 
	width:214px; 
	margin:0px; 
	padding:40px 20px 20px 10px; 
	background:#FFFFFF url('../images/top-cols.gif') repeat-x top left; 
	margin-left:10px; 
	min-height:100%;
	margin-bottom: -99999px; padding-bottom: 99999px;
}

/*#content_left{ float:left; width:460px; height:360px; margin:0px 10px 0px 0px; padding:20px 20px 20px 10px; background:#FFFFFF url('../images/top-cols.gif') repeat-x top left; overflow:auto;}*/
#content_left{ float:left; width:430px; height:360px; margin:0px 10px 0px 0px; padding:20px 20px 20px 10px; background:#FFFFFF url('../images/top-cols.gif') repeat-x top left; overflow:auto;}
#content_col1{ float:left; width:210px; height:360px; margin:0px 10px 0px 0px; padding:20px 20px 20px 10px; background:#FFFFFF url('../images/top-cols.gif') repeat-x top left;}
#content_col2{ float:left; width:215px; height:360px; margin:0px; padding:20px 20px 20px 10px; background:#FFFFFF url('../images/top-cols.gif') repeat-x top left;}

#con_col1_int { float:left; width:725px; margin:0px 10px 0px 0px; padding:0px 10px 20px 10px;}
#con_col1_int ul, #content_col2_interna ul{ padding-left:20px;}
#con_col1_int ul li, #content_col2_interna ul li{padding: 0px 0px 0px 10px;background: url('../images/bullet-articulos.gif') no-repeat 0px 5px; font-weight: normal;list-style:none; margin-bottom:10px;}
#con_col1_int ul li a, #content_col2_interna ul li a{ background-color:#FFF}

/*#con_col1_int a{ text-decoration:none; font-weight:bold; background-color:#F4F4F4}*/
#con_col1_int a{ text-decoration:none; font-weight:bold;}
/*#con_col1_int a:hover{ text-decoration:none; color:#FFF; background-color:#683d78}*/
#con_col1_int a:hover{ text-decoration:none; color:#FFF; background-color:#0e4ead}

#con_col2_int { float:left; width:225px; margin:0px; padding:0px 20px 20px 0px;}
/* ---------------------- END CONTENT ---------------------- */
#footer_bg { width:100%; height:230px; background:url('../images/bg-footer.gif') repeat top left; border-top:solid; border-top-width:4px; border-top-color:#0e4ead}
#footer { width:1000px; height:186px; margin:0px auto; font: normal 11px "Trebuchet MS", Helvetica, Arial; color: #FFFFFF;}
.footer_cols{ float:left; width:210px; height:176px; margin:0px; padding:10px 20px 0px 20px;}
#footer_credits { width:1000px; height:13px; margin:0px auto; padding-top:12px; font: normal 11px "Trebuchet MS", Helvetica, Arial; color: #FFFFFF; text-align:center;}
#img a{ border:0px;}

form input, form select {
	height:17px;
	background-color: #ffffff;
	font: bold 11px "Trebuchet MS", Helvetica, Arial; color: #07093c;
	border:solid;
	border-width:1px;
	border-color:#c1c1c1;
	margin-bottom:5px;
}
form textarea {
	height:60px;
	background-color: #ffffff;
	font: bold 11px "Trebuchet MS", Helvetica, Arial; color: #07093c;
	border:solid;
	border-width:1px;
	border-color:#c1c1c1;
	margin-bottom:5px;
}

#comentarios{ padding-left:20px; margin-bottom:20px;}

#comentarios form input, #comentarios form select{
	height:20px;
	background-color: #ffffff;
	font: bold 11px "Trebuchet MS", Helvetica, Arial; color: #07093c;
	border:solid;
	border-width:1px;
	border-color:#c1c1c1;
	padding-top:5px;
	margin:0px;
	width:27s0px;
}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

/* Comments
############################################################################################################## */
.comments-list { padding-top: 20px;}
.comments-list h2 { color:#272d36; font: normal 28px/28px "Trebuchet MS"; letter-spacing: -1px; padding-bottom: 20px;}
.comments-list div.entry { margin-bottom: 15px; padding: 15px; border-top: 1px dotted #683d78; width:550px;}
.comments-list div.alt { margin-bottom: 15px; padding: 15px; border-top: 1px dotted #683d78; width:550px;}
.comments-list p.name { font: bold 14px/14px "Trebuchet MS" sans-serif; letter-spacing: -1px; color:#000;}
.comments-list p.avt { padding: 0px; margin: 0px; float: right;}
.comments-list p.avt img { border: solid 1px #ccc;}
* html .comments-list p.avt { left: -60px; }
.comments-list p.date { font-size: 11px; margin-bottom: 5px;}
.comments-list p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { color:#96b1bc; text-decoration: underline;}

.comments-list .con { font: normal 12px/17px "Trebuchet MS"; margin-right: 90px; color:#333;}
.comments-list .con p { font: normal 12px/17px "Trebuchet MS"; padding: 5px 0px; margin: 0px; color:#333;}
.comments-list .con blockquote { font: italic 14px/19px Georgia, "Trebuchet MS", Times, serif; color:#666; margin: 10px 20px; }
.comments-list .con blockquote p { font: italic 14px/19px Georgia, "Trebuchet MS", Times, serif; color:#666; }


/* Comments Form
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.comments-form { background: #fff; padding: 10px; margin: 10px 0px; width:670px;}
.comments-form p { padding: 7px 0px; color:#808080;}
.comments-form .required { font-weight: normal; color:#683d78;}
.comments-form input { padding: 5px; width: 300px; margin-right: 7px; }

.comments-form textarea { border: 1px solid #a8d3e4; background: #fff; padding: 4px; width: 97%;}
.comments-form .button { border: 1px solid #a8d3e4; color:#fff; width: auto; font-size: 11px; font-weight: bold; padding: 1px 6px 4px 15px; height:20px;}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

.date{
	font-size:10px;
	color:#003;
	padding-left:20px;
	margin-top:-15px;
	}

.leermas{
	background: url('../images/continuar-leyendo.jpg') no-repeat 0px 0px;
	width:700px;
	height:35px;
}

ol {
	padding: 0 0 0 35px;
	margin: 5px 0 5px 0;
	}

ol li {
	margin: 0;
	padding: 0;
	}