/*  
Theme Name: Paddingtop
Theme URI: http://www.paddingtop.com
Description: A clean and elegant theme
Version: 1.0
Author: Juan Manuel Evaristo Palomino
Author URI: http://www.juanmevaristo.com
*/

/* reset */
body,div,ul,li,h1,h2,h3,h4,blockquote,p { padding:0;margin:0 }

img { border:0 }

ul,li { list-style:none; }

/* layout */
body {
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:1.07em;
	color:#333}

#header { border-bottom:1px dashed #ccc; }

#footer {
	width:90%;
	min-width:770px;
	margin:0 auto;
	clear:both;
	padding:10px 0 }

.section {
	width:88.6%;
	min-width:740px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
	padding:20px 0 20px 20px;
/*	padding:20px 20px 20px 10px */}

#header .section { width:90%; padding:0;margin:0 auto }

/* end layout */
/* list */
ul.list { margin:20px 0 20px 15px }

.list li {
	background:url(img/check.gif) top left no-repeat;
	padding:5px 0 15px 50px }

ul#social {
	padding:20px 0 10px 5px;
	overflow:auto;
	clear:both;
}	
ul#social li{
	display:block;
	width:35%;
	float:left;
	padding:5px 0 5px 35px;
	margin-bottom:10px;
	
}	

ul#social li.linkedin{
	background:url(img/ico_linkedin.gif) no-repeat;
}

ul#social li.delicious{
	background:url(img/ico_delicious.gif) no-repeat;
}

ul#social li.facebook{
	background:url(img/ico_facebook.gif) no-repeat;
}

ul#social li.twitter{
	background:url(img/ico_twitter.gif) no-repeat;
}

ul#twitter_update_list{	
	padding:7px 5px 10px 10px;
	font-size:80%
}

.rounded_STYLE
{
    background-color: #fff;          /* if needed */
    -webkit-border-radius: 15px;    /* for Safari */
    -moz-border-radius: 15px;       /* for Firefox */
}

/* end list*/

/* typography */
h1 { font-size:350%;font-weight:normal; margin:10px 0 30px 0 }

.blog h2 a{
	color:#FF6600;
}

	.blog h2 a:hover{
		color:#fff;
		background:#255FB4;		
		text-decoration:none
	}

.entry{
	margin-top:10px;
	margin-bottom:10px;	
}

.postmetadata{
	margin-bottom:20px;
	font-size:70%;
}

.date {
	font-size:70%;
	color:#000000 }
	
	span.colored{
	color:#3E79DB
}	
/* end typography */

/* links */
a{
	color:#255FB4;
	text-decoration:none
}

a:hover{
	color:#fff;
	background:#FF6600;
	
	text-decoration:none
}
/* end links */

/* paragraphs */
p.caption {
	font-size:80%;
	float:right;
	color:#333 }


p { line-height:1.3em ; margin-bottom:10px}

	p.imp { font-size:110%;width:68% }
	
	.section_main p{
		margin-right:10px
	}
/* end paragraphs */

/* zones */
.cut {
	right: 3%;
	margin-top: 68px;
	position: absolute; }

.highlighted { background:#EBF1FB url(img/bg_sec_high.png) repeat-x; }

.content { background:#F8FBFE url(img/bg_section.png) repeat-x}

.section_main {
	float:left;
	width:70%;
	overflow:hidden;
	display:inline;}

.section_second {
	float:left;
	width:23%;
	margin-right:1%;
	overflow:hidden;
	display:inline; }

	.section_second.contact{
		background:url(img/silueta.gif) 15px 60px no-repeat;
		
	}
	
		.section_second .dm_contact{
			margin-left:93px;
			text-align:center;			
		}
	
.section_all {
	overflow:hidden;
	display:inline; }	
	
#strong {
	background-color:#DDE8F8;
	padding:13px 15px 5px 15px; }

blockquote {
	background:url(img/quotes.gif) top left no-repeat;
	padding:20px 0px;
	text-indent:50px;
	line-height:1.8em;
	font-size:110%;
	font-style:oblique }

.bottom { background:#E7EFFA url(img/bg_bottom.gif) bottom right no-repeat }

.article {
	width:40%;
	float:left;
	margin-right:4% }

.rss { text-align:center }

.copyright { float:right }

.item_portfolio{
	float:left;
	width:48%; 
	overflow:hidden;
	margin-right:22px;
	margin-bottom:10px;
	
}

	.item_portfolio img{
		float:left;
		margin-right:8px;
		background:#fff;
		padding:5px;
		border:1px solid #f0f0f0
	}

	.item_portfolio p,.item_portfolio li{
		font-size:80%
		
	}
	
	.item_portfolio h2{
		margin-bottom:10px
	}
	
	
	.item_portfolio li{
		background:url(img/ico_bullet.gif) 0 5px no-repeat;
		margin-left:255px;padding-left:13px;
	}
	
.last{
	margin-right:0px;
}


/*end zones*/
/* head */
#logo {
	float:left;
	padding:15px 0 0 0px; }

#nav { float:right }

	#nav li { float:left;text-indent:-5000px }

	#nav a {
		background:url(img/menu.png);
		display:block;
		height:72px;
		width:101px;
		margin-right:4px;
		margin-bottom:7px}

	#nav li.inicio a { background-position:0px 0px; }

	#nav li.quien a { background-position:-104px 0px; }

	#nav li.que a { background-position:-208px 0px; }

	#nav li.contacto a { background-position:-312px 0px; }

	#nav li.blog a { background-position:-416px 0px; }
	
	/*#nav li.blog a { background-position:-519px 0px; }*/

	#nav li.inicio a:hover, #nav li.inicio a.selected { background-position:0px -79px; }

	#nav li.quien a:hover, #nav li.quien a.selected { background-position:-104px -79px; }

	#nav li.que a:hover, #nav li.que a.selected { background-position:-208px -79px; }

	#nav li.contacto a:hover, #nav li.contacto a.selected { background-position:-312px -79px; }

	#nav li.blog a:hover, #nav li.blog a.selected { background-position:-416px -79px; }
	
	

/* endhead */


/*slider*/
#s3slider {
	width: 321px;
	height: 224px;
	position: relative;
	overflow: hidden;
	float:right;
	border:1px solid #CCCCCC;
	background:#000;
	margin-right:2% }

#s3sliderContent {
	width: 321px;
	position: absolute;
	top: 0;
	margin-left: 0; }

.s3sliderImage {
	float: left;
	position: relative;
	display: none; }

	.s3sliderImage span {
		position: absolute;
		left: 0;
		font: 10px/15px Arial, Helvetica, sans-serif;
		padding: 10px 13px;
		width: 321px;
		background-color: #000;
		color: #fff; /* filter: alpha(opacity=70); /* here you can set the opacity of box with text */ /*-moz-opacity: 0.7; /* here you can set the opacity of box with text */ /*-khtml-opacity: 0.7; /* here you can set the opacity of box with text */ /*opacity: 0.7; /* here you can set the opacity of box with text */
		display: none;
		bottom: 0;
		/*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */ }

.clear { clear: both; }


/* slider */


#myController {
	text-align:center;
	border-top:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
	color:#000;
	padding:3px 20px;
	font-size:105%;


}
#myController span{
	margin:0 2px;
	cursor:pointer;
}
#myController span:hover{
	color:#FF6600
}

#jFlowSlide{
	height:230px;
}


.jFlowSelected{
	color:#255FB4;
	font-weight:bold;
}
.jFlowPrev, .jFlowNext{
	cursor:pointer;
}	

/* form */
.form_left{
	float:left;
	margin:20px 20px 0 0;
}

	.form_left input{
		padding:3px;
		width:300px
	}
	
.form_right{
	float:left;margin-top:20px
}

input.button{
	background:url(img/bg_button.gif) 0 0 no-repeat;
	border:0;
	padding:5px 0;
	width:110px;
	text-align:center;
	font-weight:bold;
	color:#666
}

	input.button:hover{
		background:url(img/bg_button_on.gif) 0 0 no-repeat;
		cursor:pointer;
		color:#000
	}


div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}
/* end form */

/*blog*/
.navigation{
	clear:both;
	margin-bottom:20px;
	margin-right:10px;
	font-size:85%
}
.alignleft{
	float:left;
}

.alignright{
	float:right
}

.widget{
	margin-bottom:10px;
	padding-bottom:15px;
	border-bottom:1px solid #EDF3FC	
}

	.widget li{
		font-size:90%;
		margin-left:20px;
		list-style:square;
	}