/* CSS Document  */

/*   

Theme Name:  project - Exprimelaweb
Author URI: http://www.exprimelaweb.com
Version: 3.0
Description Development: Builder CSS+xhtml>> Jose Antenor Gomez Jaramillo - Design Elements> Jose Antenor Gomez Jaramillo

*/

/*...........................
	html
............................*/
* {
	margin: 0;
	padding: 0;
	}

body{
	background: url(images/bg_html.gif) #f7f7f7 repeat-x;
	font:normal 14px/20px "Trebuchet Ms",Verdana, Arial, Helvetica, sans-serif;
	padding-top:20px;
	color:#07391D;
	}	

h3{
	color:#4073AD;
	font-weight:bold;
	font-size:19px;
	}
h2{
	color:#07391d;
	font-size:20px;
	margin-bottom:12px;
	}	
h4{
	color:#4073AD;
	font-weight:bold;
	font-size:16px;
	font-style:italic;
	}	
	
/* Clases tiles */
.p_relative{
	position:relative;
	}

a:link {
 	color: #537609;
 	text-decoration: underline;
	}
a:visited {
 	text-decoration: underline;
 	color: #537609;
	}
a:hover {
 	text-decoration: underline;
 	color: #537609;
	}
a:active {
 	text-decoration: none;
	}	
p{ 
	margin-bottom:20px;
	}
table {	
	border-collapse: collapse;
	}

img{
	border:0;
	}	
a{
	border:0;
	}	
/*...........................
		Site
............................*/	
#wrapper{
	width:962px;
	margin:0 auto;

	}
#wrapper:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}	

#header{
	background:url(images/logo.gif) no-repeat;
	height:285px;
	position:relative;
	}

#content{
	width:942px;
	margin: 0 auto;
	text-align:justify;
	}

#footer{
	background:url(images/bg_footer.gif) #8EB240 repeat-x;
	clear:both;
	overflow:hidden;
	text-align:center;
	font-weight:bold;
	padding-top:15px;
	}
#footer p{
	margin-bottom:8px;	

	}	
#footer a:link {
 	color: #07391D;
 	text-decoration: none;
	}
#footer a:visited {
 	text-decoration: none;
 	color: #07391D;
	}
#footer a:hover {
 	color: #fff;
	background:#608412;
	}
#footer a:active {
 	text-decoration: none;
	}
	
table.footer_tb{
	width:100%
	}
	
.footer_tb td{
	background:0;
	border:0;
	text-align:center;
	vertical-align:middle;
	}
.optimizacionweb{
	margin-top:105px;
	float:left;
	}
.exprimeweb{
	float:right;
	position:absolute;
	right:15px;
	top:-35px;
	}
.clearblock{
	clear:both;
	}
	
ul.internal{
	padding-left:25px;
	margin-bottom:12px;
	}
	
table.contactform{
	width:50%
	}
.contactform td{
	padding:4px;
	}
.camp_txt{
	border:1px solid #BFBFBF;
	width:180px;
	font:13px "Trebuchet Ms",Verdana, Arial, Helvetica, sans-serif;
	}
#contactenos{
	width:467px;
	}
.msgconfirm{
	background:#EBFFBF;
	border:1px solid #99BF47;
	margin:12px auto;
	font-size:16px;
	font-weight:bold;
	padding:10px;
	text-align:center;
	}
.msgconfirm p{
	margin-bottom:10px;
	}
.msgconfirm span{
	text-transform:capitalize;
	}					
#contactenos, .msgconfirm{
	float:left;
	}
	
.descarga-libro{
	text-align:center;
	margin-bottom:12px;
	}	
	
	
/*---------------------------
	registro usuario
------------------------------*/	
fieldset#registrarse{
	border:0;
	padding:12px;
	background:#fff;
	border:3px solid #EFEFEF;
	width:30%;
	margin-bottom:12px;
	}	
fieldset#registrarse div{
	width:150px;
	margin-bottom:4px;
	text-align:left;
	}	
.fieldset_input {
	width:210px;
	border:1px solid #DFDFDF;
	}		
#sendreg{
	width:114px;
	margin:0 auto;
	padding-top:12px;
	
	}	

	
/*---------------------------
	contact form
------------------------------*/		 
.camp_txt_select{
	border:1px solid #BFBFBF;
	width:180px;
	font:13px "Trebuchet Ms",Verdana, Arial, Helvetica, sans-serif;
	}	
.camp_txt_msg{
	border:1px solid #BFBFBF;
	width:260px;
	font:13px "Trebuchet Ms",Verdana, Arial, Helvetica, sans-serif;
	}							
/*---------------------------
	DropDowns Menu
------------------------------*/

div.navglobal {
		margin-top:14px;
  		height:92px;
		font:normal 13px Arial, Helvetica, sans-serif;
		width:490px;
	   }
div.navglobal  ul  li {
        list-style: none;
        margin: 0;
        padding: 0;
		float:left;
		text-align:center;
		text-indent:-9999em;

        }
		
div.navglobal li a {
        height: 78px;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 78px;
        text-decoration: none;
		outline:0;
		
        }

div.navglobal  li.inicio a:link, div.navglobal  li.inicio a:visited {
        display: block;
		background:url(images/navtop.png) 0 0;
		width:104px;
        }

div.navglobal  li.inicio a:hover, div.navglobal li.inicio #current { 
       display: block;
		background:url(images/navtop.png) 0 -99px;
		width:104px;
        }
		
div.navglobal  li.blog a:link, div.navglobal  li.blog a:visited {
        display: block;
		background:url(images/navtop.png) -104px  0;
		width:104px;
        }

div.navglobal  li.blog a:hover, div.navglobal li.blog #current { 
       display: block;
		background:url(images/navtop.png) -104px -99px;
		width:104px;
        }
				
div.navglobal  li.contacto a:link, div.navglobal  li.contacto a:visited {
        display: block;
		background:url(images/navtop.png) -207px 0;
		width:104px;
        }

div.navglobal  li.contacto a:hover, div.navglobal li.contacto #current { 
       display: block;
		background:url(images/navtop.png) -207px -99px;
		width:104px;
        }		

div.navglobal  li.login a:link, div.navglobal  li.login a:visited {
        display: block;
		background:url(images/navtop.png) -311px 0;
		width:96px;
        }

div.navglobal  li.login a:hover, div.navglobal li.login #current { 
      	 display: block;
		background:url(images/navtop.png) -311px -99px;
		width:96px;

        }		

/*--------------------------
	Home
---------------------------*/
#content_comment{
	width:702px;
	text-align:justify;
	}
#photo_comment{
	width:202px;

	}				
#photo_comment img{
	float:right;
	margin-top:27px;
	margin-right:27px;
	}
#photo_comment,	#content_comment{
	float:left;
	}			
#comment{
	background:url(images/bg_comment.gif) no-repeat;
	}	
#comment-pad{
	width:639px;
	padding-left:53px;
	padding-top:22px;
	}
.welcome{
	margin-left:50px;
	}		
/*...........................
	 BUTTONS STYLES
............................*/	

.buttons a, .buttons button{
    display:block;
	width:50%;
    margin:0 auto;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
	
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}


/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* ENVIO */

button.envio, .buttons a.envio{
    color:#565656;
}
.buttons a.envio:hover, button.envio:hover{
    background-color:#333333;
    border:1px solid #565656;
    color:#FFF;
}
.buttons a.envio:active{
    background-color:#529214;
    border:1px solid #565656;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/*Tables magic copyright CDISA*/
.bg_tb {
	 border-spacing:1px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:11px;
	 background-color:#E7E7E7;
	 color: #666;
	 width:100%;
	 margin:auto;
     }

.bg_tb td{
     border-collapse: separate;
     border-collapse: collapse;
     border-spacing: 0;
     }
	 
.bg_tb caption {
     font-weight: bold;
     background: #F1F1EC; 
	 border-bottom:2px solid #666;
	 border-top:1px solid #E7E7E7 ;
	 border-left:1px solid #E7E7E7 ;
	 border-right:1px solid #E7E7E7 ;
     color: #666;
     text-transform: capitalize;
     padding:6px;
     margin:auto;
     }
	 
.bg_tb td {
     padding: 2px;
	 border: 1px solid #FFF;
     }
	 
.bg_tb  tr {
     text-align: left;
     background: #F5F5F5;
     color: #666;
     }
.bg_tb th {
     font-weight: bold;
     background: #F1F1EC; 
	 border-bottom:2px solid #666;
     color: #666;
     text-transform: capitalize;
     padding:6px;
     margin:auto;
     }

/*-------------------------
	standalone validacion
---------------------------*/	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
	}

.LV_valid {
    color:#00CC00;
	}
	
.LV_invalid {
    color:#CC0000;
	}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
	}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
	}