@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	background-image:url(../img/bg.jpg); background-position:left top; background-repeat:repeat-x; background-color:#fefefe;
	font-size:13px; font-family:Arial, Helvetica, sans-serif;
}
dl dd{ margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6, li, ul, p { padding:0px; margin:0px; list-style:none; font-weight:normal; text-align:left;}
img, input, form { border:0px; padding:0px; margin:0px;}
a { text-decoration:none; outline:none;}
a:hover { text-decoration: underline;}
.img_left { float:left;}
.img_right { float:right;}
#wrapper { width:100%; background:url(../img/footer_bg.jpg) repeat-x left bottom; padding-bottom:83px; position:relative; display:table;}
#doc_width{
	width:953px;
	position:relative;
margin-right: auto;
margin-left: auto;
}

/********Header********/
#header { width:953px; float:left;}
#logo { float:left; padding:27px 0px 0px 6px;}
#header_row1 { float:right; width:500px;  font-family:Arial, Helvetica, sans-serif; padding:30px 0px 15px 0px; text-align:right; font-size:13px; color:#687175;}
#header_row1 ul { padding:0px; text-align:right;  list-style:none;}
#header_row1 li { display:inline; text-align:right; padding:0px 4px 0px 4px;}
#header_row1 li a { color:#687175; font-size: 16px;}
#header_row1 li a:hover { color:#000;}
#header_row2 {  float:right; background:url(../img/email_bg.jpg) no-repeat left top;  width:365px; height:49px;}
#header_row2 p { font-size:26px; float:left; font-family:Arial, Helvetica, sans-serif; line-height:49px; padding:0px 0px 0px 15px; font-style:italic; font-weight:bold;}
#header_row2 span { float:left; font-size:22px; line-height:19px; font-weight:bold; font-style:italic; padding:8px 0px 0px 20px; color:#2058a0; float:left; font-family:Arial, Helvetica, sans-serif;}
#header_row2 span a { font-size:15px; color:#2058a0; font-weight:bold;}
#header_row2 span a:hover { font-size:15px; color:#E61A02;  font-weight:bold;}
/********End Header********/

/********Contain Part********/
#contain_width { float:left; padding-bottom:10px; width:953px;}
#center_part { float:left; background:url(../img/center_bg.jpg) repeat-x left bottom; width:953px;}
#banner { float:left;}
#right_yellow_box { float:right; width:233px; background: url(../img/right_box_bg.jpg) repeat-y left top; border: #2058a0 solid 2px;}
#right_bg_box { width:218px; float:left; padding:20px 0px 0px 15px; background:url(../img/right_bg.jpg) no-repeat left top;}
#right_bg_box h1 { font-size:18px; padding-bottom:8px; font-weight:bold; display:block; float:left; font-style:italic; font-family:Arial, Helvetica, sans-serif;}
#right_bg_box ul { padding:0px; margin:0px; list-style:none;}
#right_bg_box li { padding:10px 15px 10px 23px; display:block; font-size:13px; line-height:16px; color:#000000; background:url(../img/bullet.gif) no-repeat left 8px; font-family:Arial, Helvetica, sans-serif; width:180px; float:left;}
.right_img_box { float:left; padding:0px 0px 10px 35px;}
.right_img_box*{ float:left; padding:1px 0px 0px 0px;}
.textfild { width:198px; border: solid #2058a0 1px; height:27px; padding:9px 0px 0px 2px; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#979797; float:left;}
.descargar { width:202px; padding:10px 0px 0px 0px; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#000000; text-align:center; float:left;}
.descargar p { padding:10px 0px 10px 0px; width:200px; float:left; text-align:center;}
.logo_banner { width:695px; background:url(../img/bottam_logo_line.jpg) no-repeat 16px bottom; padding:5px 0px 5px 20px; font-size:13px; color:#767676; font-family:Arial, Helvetica, sans-serif;  float:left;}
.logo_banner ul { padding:0px; margin:0px; list-style:none;}
.logo_banner li { padding:5px 5px 0px 5px; float:left;}
#center_contain { float:left; width:715px;  padding:10px 0px 0px 0px;}
.contain { float:left; width:315px; padding:47px 0px 0px 0px}
.contain p { padding:15px 0px 0px 32px; width:275px;  color:#757575; line-height:17px; font-size:13px; text-align:justify; float:left;}
#services_box { float:left; width:933px; padding:20px 0px 0px 20px;  background:url(../img/services_bg.jpg) repeat-x left top;}
#web_box { float:left; width:203px; margin-bottom:50px; background:url(../img/web_box_bg.jpg) no-repeat left top; padding:0px 0px 0px 112px;}
#web_box h1 { font-size:28px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; line-height:24px;}
#web_box p { float:left; width:175px; text-align:justify; padding:15px 0px 15px 0px;}


#internet_marketing_box { float:left; width:203px; margin-bottom:50px; background:url(../img/internet_marketing_icon.jpg) no-repeat left top; padding:0px 0px 0px 112px;}
#internet_marketing_box h1 { font-size:28px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; line-height:24px;}
#internet_marketing_box p { float:left; width:175px; text-align:justify; padding:15px 0px 15px 0px;}

#consultoria_box { float:left; width:190px; margin-bottom:50px; background:url(../img/consultoria_icon.jpg) no-repeat left top; padding:0px 0px 0px 112px;}
#consultoria_box h1 { font-size:28px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; line-height:24px;}
#consultoria_box p { float:left; width:175px; text-align:justify; padding:15px 0px 15px 0px;}

#blog_box { float:left; width:500px; background:url(../img/blog_img.jpg) no-repeat left top; padding:0px 0px 0px 100px}
#blog_box h2 { font-family:Arial, Helvetica, sans-serif;  font-size:22px; padding:3px 0px 3px 0px;  color:#000000;}
#blog_box p { float:left; width:450px; text-align:justify; line-height:17px; color:#000000; font-size:13px; font-family:Arial, Helvetica, sans-serif; padding:5px 0px 5px 0px; }
#blog_box span a { color:#ffa000; font-size:14px; font-weight:bold; }
#message_box { float:right; width:296px; padding:0px 4px 0px 0px;}
#message_box p { padding:10px 0px 0px 0px; float:left;}
.twitter_bg { float:left; width:296px; background:url(../img/message_box_center_img.jpg) repeat-y left top;}
.twitter_top { float:left; width:296px; background:url(../img/message_box_bg_img.jpg) no-repeat left top;}
.twitter_bottam { float:left; width:256px; text-align:justify; background:url(../img/message_box_bottam_img.jpg) no-repeat left bottom; padding:138px 20px 24px 20px; }
.twitter_bottam a { color:#000000; font-weight:bold;}
.frase {font-family:calibri;font:calibri;font-size: 36px; font-weight: bold; font-style: italic;}
/* contenido page*/
#center_part2 { float:left; background:url(../img/center_bg.jpg) repeat-x left bottom; width:953px;}
#banner2 { float:left; background: url(../img/slide_03.jpg) no-repeat right top; width: 953px;}
#areaCentral{ margin-top:40px;}
#contenidoMain{ float: left; width: 550px; }
#contenidoLeft{ float: right; width: 320px; }
.titulos {font-family:calibri;font:calibri;font-size: 40px; font-weight: bold; font-style: italic; line-height:0.9em; margin-bottom: 15px;}
.titulos a{color: #2A5EA9;}
.titulos a:visited {color: navy; }
.subtitulo{font-family:calibri;font:calibri;font-size: 30px; font-weight: bold; font-style: italic;}
#topcontactbox{ width: 250px; height: 26px; background: #ff7c00 url(../img/top_contactbox.jpg) no-repeat top left; margin-bottom: 20px;}
#contactbox{ border: #77a0ab 1px solid; height: 400px; width: 250px; margin-top: 60px; background: #fff url(../img/fondo_contact.jpg) repeat-x top left; }
#contactbox dl, #contactbox p { margin-left: 20px;}
#contactbox dl dt { font-weight: bold;}
#contactbox dl dd{ margin-bottom: 15px;}
#contactbox dl dd input{ border: black 1px solid; font-size: 14px; height: 1.5em; width: 191px;}
.first_p{ text-align: justify; width: 191px;}

div.texto p{ font-size: 14px; line-height: 1.3em; text-align: justify;}

.chat_box{ height: 137px; border: #77a0ab 1px solid; width: 250px; margin-top: 10px; background: #fff url(../img/fondo_contact.jpg) repeat-x top left; }
.chat_box img{ margin-top: 15px; margin-left: 10px; *float: left;}
#ayudaul{
	margin-top: 15px;
	margin-right: 30px;
	*margin-right: 10px;
	float: right;
	font-weight: bold;	
}
/* servicios */
.ul_marketing li { list-style: none; padding: 5px; font-size: 14px; line-height: 1.3em; text-align: justify;}
.texto {font-size: 14px; line-height: 1.3em; text-align: justify;}
/*leer*/
dl dt.inline {float: left; padding-top: 5px; clear: left; display:block;}
dl dd.inline input{ border: 1px gray solid;}
dl dd.inline {margin-left: 45px; margin-bottom: 10px; display: block; }

#footer{ background:url(../img/footer_bg.jpg) repeat-x left bottom; padding-bottom:43px;}
#foot_info{ width:953px; margin: auto auto;   }

div.imgwrapper{ padding: 0px; position:relative; height: 220px; background-color: white;}
img.post_img{position: absolute; clip: rect(25px,550px,220px,0px); }
.float_left{ float: left;}
.float_right{float: right;}
.hid { display: none; }
.post_data { margin-top: 25px; margin-bottom: 40px; padding-top: 5px; padding-bottom: 5px; border-top : 1px dotted gray; border-bottom : 1px dotted gray;  }
.sobreelautor{ margin-top: 20px; border-bottom: #0158b5 solid 5px; background-image:url(../img/bg_preguntas.jpg); background-repeat:repeat-x; background-position:top; padding:0 10px;}
.sobreelautor h3 {font-family: Georgia, 'Times New Roman', sans-serif;font-size: 24px; font-style: italic;line-height: 30px;}

/************************************************/
/*** Layout : Comments : Start ******************/
/************************************************/
.clearer { clear: both; }
div#comments, div#postcomment { margin: 40px 0 0 0; }
div#comments h3, div#postcomment h3 { display: block; margin: 0; padding: 0; }
div#comments p, div#postcomment p { display: block; margin: 0; padding: 0; }

ol.commentlist { display: block; margin: 20px 0 0 0; padding: 0; list-style-type: none; }
ol.commentlist li.commentlist { display: block; margin: 0 0 20px 0;  padding: 0; }
ol.commentlist li.commentlist cite { display: block; padding: 0 15px; line-height: 22px; text-align: right; background-color: #999; }
ol.commentlist li.commentlist div.commenttext { margin: 0; padding: 10px; }
ol.commentlist li.commentlist div.commenttext img.avatar { float: left; padding: 2px; border: 1px solid; }
ol.commentlist li.commentlist div.commenttext div.interior { float: left; margin: 0 0 0 10px; width: 543px; }

small.commentmetadata { display: block; }
small.commentmetadata cite { display: block; margin: 0; padding: 0 0 3px 0; }

form#commentform { display: block; margin: 20px 0 0 0; padding: 0; }
form#commentform p { display: block; margin: 0 0 5px 0; padding: 0; line-height: 14px; }
form#commentform p label { display: block; margin: 0; padding: 0 0 5px 0; }
form#commentform p.input span { display: block; margin: 0; padding: 5px 0 0 0; height: 22px; }
form#commentform p.input span input { width: 230px; padding: 0 5px; border: 0; }
form#commentform p.textarea { display: block; margin: 0 0 10px 0;  }
form#commentform p.textarea span { display: block; margin: 0; padding: 0; }
form#commentform p.button { text-align: left; }
textarea#comment { width: 347px; height: 62px; padding: 5px; border: 0; }
label.error {color: red; float: left; font-size: 10px;}