/* Fancy Buttons 
-------------------------------------------------------------- */
.button_link,.fancy_button,#searchsubmit,#submit{background:url(images/shortcodes/button_overlay.png) repeat-x 0 0 #111;text-transform:uppercase;border:1px solid #111;margin:5px 10px 5px 0;display:inline-block;letter-spacing:1px;padding:10px 30px;line-height:15px;font-size:12px;color:#f8f8f8;}
.button_link:hover,.fancy_button:hover,#searchsubmit:hover,#submit:hover{text-decoration:none!important;cursor:pointer;color:#fff;}
.fancy_button::-moz-focus-inner{border:0;padding:0;}
.small_button{line-height:10px;font-size:10px;padding:8px 15px 7px;}
.large_button,.call_to_action{font-size:18px;padding:15px 40px;}

/* Fancy Links 
-------------------------------------------------------------- */
.email_link{padding-left:22px;margin-right:10px;background:url(images/shortcodes/sprites/custom_sprite_dddddd.png) no-repeat -340px -283px;}
.twitter_link{padding-left:22px;margin-right:10px;background:url(images/shortcodes/sprites/custom_sprite_dddddd.png) no-repeat -659px -85px;}
.download_link{padding-left:22px;margin-right:10px;background:url(images/shortcodes/sprites/custom_sprite_dddddd.png) no-repeat -262px -363px;}
.fancy_link{margin-right:10px;display:inline-block;}
.fancy_link:hover{text-decoration:underline;}
.download_link:hover,.email_link:hover,.download_link:hover{text-decoration:underline!important;}

/* Simple Form Styles 
-------------------------------------------------------------- */
.textfield,.password,#s{border:1px solid #eee;background:transparent;padding:10px;}
.textarea,#comment{border:1px solid #eee;background:transparent;padding:10px;width:97%;}
.textfield_label{display: inline-block;margin-left: 10px;}
#commentform p{margin-bottom:10px;}
#footer #s,#footer .textfield,#footer .password,#footer .textarea{background:url(images/shortcodes/dark_opacity_strip.png) repeat-x 0 85%;border-color:rgba(0,0,0,0.15) rgba(0,0,0,0.06) rgba(255,255,255,0.15) rgba(0,0,0,0.06);border-style:solid;border-width:1px;color:inherit;overflow:hidden;}
#footer .textarea{background-position: 0 90%;} 
#footer #s:focus,#footer .textfield:focus,#footer .textarea:focus{opacity:.8;}

/* Search Widget 
-------------------------------------------------------------- */
#searchsubmit{font-size:11px;margin-right:0;padding: 10px 18px;}
.screen-reader-text{display:none;}

/* 
===============================================================================================================
04. FANCY FORMS SHORTCODE
=============================================================================================================== */

/* Forms Shortcode
-------------------------------------------------------------- */
.mysite_form_row{margin-bottom:10px;}
.mysite_form_row label:first-child{display:block;}
.radio_row label:first-child,.checkbox_row label:first-child{display:inline-block;padding-right:10px;}
.mysite_required,.mysite_name_required,.mysite_email_required,.mysite_zip_required,.mysite_date_required{display:none;}
.mysite_form .checkbox{float:left;}
.mysite_form .textfield{width:200px;}
.mysite_form .textarea{width:80%;}
.radio_label{padding-right:10px;}
.mysite_form .checkbox,.mysite_form .radio{width:20px;height:25px;padding:0 5px 0 0;background:url(images/shortcodes/checkbox.png) no-repeat;display:inline-block;vertical-align:middle;line-height:25px;}
.mysite_form .radio{background:url(images/shortcodes/radio.png) no-repeat;}
.mysite_form .select{background:url(images/shortcodes/select.png) no-repeat right 0;border:1px solid #E0E0E0;color:#aaa;height:35px;line-height:35px;overflow:hidden;padding:0 10px;position:absolute;width:200px;}
.mysite_form select.styled{height:35px!important;width:223px!important;}

/* Contact Form Widget 
-------------------------------------------------------------- */
.mysite_contact_form_widget .name_row label,.mysite_contact_form_widget .email_row label,.mysite_contact_form_widget .captcha_row label{width:30%;float:right;}
.mysite_contact_form_widget .textarea_row label:first-child{display:none;}
.mysite_contact_form_widget .textfield{width:55%;}
.mysite_contact_form_widget .textarea{width:85%;}

/* Required Error
-------------------------------------------------------------- */
.mysite_message.errors{color:#c31b00;padding:15px 20px;margin-bottom:20px;letter-spacing:.3px;background:#ffcccc;border:1px solid #ff9999;}
.mysite_message.errors ul{list-style:none;margin:0;padding:0;}
.mysite_message.errors li{background:url(images/shortcodes/error.png) no-repeat 0 2px;padding-left:22px;}
.required_error{border:1px solid #ff9999!important;}

/*
=============================================================================================================== 
05. FANCY BOXES
=============================================================================================================== */

.colored_box_content,.fancy_box_content,.titled_box_content{position:relative;overflow:hidden;clear:both;padding:20px;}
.colored_box p:last-child,.fancy_box_content p:last-child,.titled_box_content p:last-child{margin-bottom:10px;}

/* Fancy Boxes 
-------------------------------------------------------------- */
.fancy_box{border:1px solid #fff;margin:2px 2px 20px;color:#888;background-color:#f8f8f8;}
.fancy_box_title{font-size:12px;line-height:30px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #fff;margin:0;padding:5px 20px;background:#f3f3f3 url(images/shortcodes/th.png) 0 0 repeat-x;}
.colored_box{background:url(images/shortcodes/button_overlay.png) repeat-x 0 0 #111;border:1px solid #111;margin-bottom:20px;color:#fff;}
.colored_box_title{background:url(images/shortcodes/colored_box_title.png) repeat-x bottom right;padding:10px 20px;}
.titled_box{margin-bottom:20px;color:#888;}
.titled_box_title{background:url(images/shortcodes/button_overlay.png) repeat-x 0 0 #111;border:1px solid #111;padding:10px 20px;}
.titled_box_content{padding:20px;border:1px solid #e5e5e5;margin:0;}
.colored_box_title,.titled_box_title{text-transform:uppercase;letter-spacing:1px;line-height:10px;font-size:11px;color:#fff;margin:0;}

/* Fancy Code & Pre Boxes 
-------------------------------------------------------------- */
code,pre{font-family:"Courier New","Consolas",Courier,monospace;white-space:pre;overflow:auto;font-size:11px;margin-bottom:20px;}
.fancy_code_box,.fancy_pre_box{border:1px solid #eee;margin-bottom:20px;line-height:20px;background:#fff;padding:0 20px;display:block;overflow:auto;}
.fancy_code_box{background:url(images/shortcodes/code.gif) repeat 0 0;border-top:transparent;}

/* Alert Boxes 
-------------------------------------------------------------- */
.download_box,.warning_box,.success_box,.info_box,.note_box{padding:20px 15px 20px 55px;margin-bottom:20px;font-size:14px;letter-spacing:.3px;}
.download_box a,.warning_box a,.success_box a,.info_box a,.note_box a{text-decoration:underline !important;}
.info_box{background:#bfe4f9 url(images/shortcodes/icons/info.png) no-repeat 10px 15px;border:1px solid #68a2cf;}
.note_box{background:#fdebae url(images/shortcodes/icons/notebook.png) no-repeat 10px 15px;border:1px solid #e6c555;}
.warning_box{background:#ffcccc url(images/shortcodes/icons/stop.png) no-repeat 10px 15px;border:1px solid #ff9999;}
.download_box{background:#dee3ab url(images/shortcodes/icons/down_title.png) no-repeat 10px 15px;border:1px solid #a3c159;}
.info_box,.info_box a{color:#2e6093;}
.note_box,.note_box a{color:#9e660d;}
.warning_box,.warning_box a{color:#c31b00;}
.download_box,.download_box a{color:#5e6f33;}

/* 

/* Fancy Tables 
-------------------------------------------------------------- */
.minimal_table,.fancy_table{border-collapse:separate;margin-bottom:20px;border-spacing:0;width:100%;vertical-align:middle;}
.minimal_table th{background:#333;color:#fff;font-size:11px;padding:10px 20px;text-transform:uppercase;letter-spacing:1px;font-weight:normal;vertical-align:middle;text-align:left;}
.minimal_table td{padding:10px 20px;border-bottom:1px solid #e9e9e9;}
.fancy_table{
	width:380px;
/*	border:1px solid #999999;*/
	text-align: center;
}
.fancy_table th{
	letter-spacing:1px;
	font-weight:normal;
	vertical-align:middle;
	border-bottom:1px solid #fff;
	text-align:center;
	padding:15px 20px;
	/*	text-shadow:1px 1px 1px #000;*/
	font-size:14px;
	background-color: #292929;
	background-repeat: repeat-x;
	background-position: 0 0;
}
.fancy_table td{padding:10px 20px;border-top:1px solid #eee;text-align:center;}
.fancy_table tr:hover{
	background-color: #EAEAEA;
	background-repeat: repeat-x;
	background-position: 0 0;
}
.fancy_table th:first-child,.fancy_table td:first-child{
	text-align:center;
	padding-left:30px;
}

/* Highlight Styles 
-------------------------------------------------------------- */
.highlight{padding:2px 6px;color:#fff;background:#111;}
.highlight2{padding:1px;border-bottom:1px dashed;font-style:italic;}





/* Minimal Toggles 
-------------------------------------------------------------- */
.toggle,.toggle_accordion{background:url(images/shortcodes/sprites/custom_sprite_dddddd.png) no-repeat -222px -395px;line-height:30px;margin-bottom:15px;position:relative;padding:0 0 0 30px;}
.toggle a,.toggle_accordion a{color:inherit;display:block;font-size:16px;font-weight:normal;letter-spacing:0.4px;line-height:30px;text-decoration:none;text-transform:none;}
.toggle a:hover,.toggle_accordion a:hover{text-decoration:none;}
.active{background:url(images/shortcodes/sprites/custom_sprite_dddddd.png) no-repeat -182px -434px;}
.toggle_content{clear:both;margin:0 0 20px 30px;overflow:hidden;}

/*optional
.toggle_content{margin:0 0 20px 0;}
.toggle_frame .toggle_content{margin:0 0 20px 30px}
*/

/* Framed Toggles 
-------------------------------------------------------------- */
.toggle_frame{padding:0 20px;padding-top:15px;margin:15px 2px;border:1px solid #fff;background:#f4f4f4;}
.toggle_frame .toggle,.toggle_frame .toggle_accordion{background-position:-141px -474px;}
.toggle_frame .active{background-position:-101px -514px;}
.toggle_frame .toggle_content{border:0;padding:0px;}
.toggle_frame .toggle_content .block{padding:0px;}

/* 
===============================================================================================================
10. TOOLTIPS
=============================================================================================================== */

/* Shared Styles 
-------------------------------------------------------------- */
.ui-cluetip-content{padding:15px 20px;}
#cluetip-close{position:absolute;top:6px;right:6px;font-size:0px;width:16px;height:15px;background:url(images/shortcodes/close_tooltip.png) no-repeat center center transparent;cursor:pointer;}
#cluetip-extra,.entry .tooltip_load{display:none;}

/* Default Skin
-------------------------------------------------------------- */
.cluetip-default{background:url(images/shortcodes/button_overlay.png) repeat-x 0 0 #111;border:1px solid #111;color:#fff;}
.cluetip-default .cluetip-arrows{display:none;position:absolute;top:0;left:-10px;height:0px!important;width:0px!important;background:transparent!important;border:10px solid transparent;}
.clue-right-default .cluetip-arrows{border-right-color:#111;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important;margin-left:-10px;}
.clue-left-default .cluetip-arrows{border-right-color:transparent!important;border-left-color:#111;border-top-color:transparent!important;border-bottom-color:transparent!important;left:100%;margin-right:-10px;}
.clue-top-default .cluetip-arrows{border-right-color:transparent!important;border-left-color:transparent!important;border-top-color:#111;border-bottom-color:transparent!important;top:100%;left:50%;margin-left:-10px;}
.clue-bottom-default .cluetip-arrows{border-right-color:transparent!important;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:#111;top:-20px;left:50%;margin-left:-10px;}

/* Minimal Skin
-------------------------------------------------------------- */
.cluetip-minimal{background: #222;border:1px solid #222;color:#ddd;}
.cluetip-minimal .cluetip-arrows{display:none;position:absolute;top:-2px;left:-8px;height:0px!important;width:0px!important;background:transparent!important;border:8px solid transparent;}
.clue-right-minimal .cluetip-arrows{border-right-color:#222;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important;margin-left:-8px;}
.clue-left-minimal .cluetip-arrows{border-right-color:transparent!important;border-left-color:#222;border-top-color:transparent!important;border-bottom-color:transparent!important;left:100%;margin-right:-8px;}
.clue-top-minimal .cluetip-arrows{border-right-color:transparent!important;border-left-color:transparent!important;border-top-color:#222;border-bottom-color:transparent!important;top:100%;left:50%;margin-left:-8px;}
.clue-bottom-minimal .cluetip-arrows{border-right-color:transparent!important;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:#222;top:-20px;left:50%;margin-left:-8px;}
.cluetip-minimal .ui-cluetip-content{padding:8px 15px;font-size:11px;line-height:17px;}

/* 
===============================================================================================================
11. BLOG & PORTFOLIO SHORTCODES
=============================================================================================================== */

/* Post Grids 
-------------------------------------------------------------- */
.post_grid{margin-bottom:20px;}
.post_grid_module{position:relative;margin-bottom:40px;}
.post_grid_image{margin-bottom:20px;display:block;}
.post_grid_content{position:relative;}

/* Post Lists 
-------------------------------------------------------------- */
.post_list{margin-bottom:20px;padding-left:0;}
.post_list_module{position:relative;list-style:none;margin:0;padding:0;margin-bottom:40px;}
.post_list_image{float:left;margin-right:4%;}
.post_list_content{overflow:hidden;}
.small_post_list .post_list_module{margin-bottom:20px;}

/* Shared Styles 
-------------------------------------------------------------- */
.post_title a:hover{text-decoration:none!important;}
.post_meta{margin-bottom:10px;font-size:9px;}
.post_meta span{margin-right:5px;}
.post_excerpt{margin-bottom:10px;}

/* Social Media 
-------------------------------------------------------------- */
.mysite_sociable{float:left;margin-right:20px;}

/* Pagenavi 
-------------------------------------------------------------- */
.wp-pagenavi,.paged-navigation{font-size:9px;letter-spacing:1.6px;text-transform:uppercase;clear:both;padding-top:10px;height:40px;text-align:left;}
.wp-pagenavi .pagenavi-pages{margin-right:4px;}
.wp-pagenavi a,.wp-pagenavi .current,.wp-pagenavi .extend,.page-numbers{margin:2px;padding:4px 5px;}
.pagenavi-page,.page-numbers,.wp-pagenavi .current{border:1px solid transparent;}
.paged-navigation .next,.paged-navigation .prev{border:0;background:none;}
.paged-navigation .page-numbers{margin:0;}
.wp-pagenavi .current,.paged-navigation .current{color:#eee;}
.wp-pagenavi a:hover,.paged-navigation a:hover{text-decoration:none;}

 

/* Gradientes Tabla
-------------------------------------------------------------- */
.fancy_table,.titled_box_content,.fancy_box,.pullquote,.toggle_frame {
	background-color:#EEE;
	background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#EEE));
	background:-moz-linear-gradient(top,#fff,#f6f6f6);
	background:-o-linear-gradient(top,#fff,#f6f6f6);
	background:linear-gradient(top,#fff,#f6f6f6);
}