/*** texto HEADER ***/
#header-text-left{ width:354px; height:270px; float:left; padding-left:18px; background:url(../images/slider/bg-textright.png) no-repeat bottom left;}
* html #header-text-left{ margin-left:10px;} /* for ie 6 */

#header-text-left h1{ color:#f4f4fd; font-size:1.8em; margin-top:15px; margin-left:-15px;}
#header-text-left h3{ color:#ffca1f; font-size:1.25em;}
#header-text-left h4{ color:#f4f4fd; font-size:1.25em;}
#header-text-left ul{ list-style-type:none; margin-top:30px; padding:0px; font-size:0.875em; line-height:25px; padding-left:5px;}
#header-text-left ul li{ color:#f4f4fd; background-image:url(../images/design/ok.png); background-repeat:no-repeat; background-position:0px; padding-left:25px; font-weight:bold;}
.separador10px {height:10px; display:block; clear:both;}


#header-text-right{ width:310px;/*354px;*/ float:right;}
#box-header-yellow{ background-image:url(../images/slider/bg-slider-amarillo.png); background-repeat:no-repeat; width:310px;/*308px;*/ height:270px;/*237px;*/ margin-top:10px; /*margin-left:50px;*/ }
.pad-box{ padding:17px 5px 11px 12px; /*background-image:url(../images/slider/price.png); background-repeat:no-repeat; background-position:25px 30px;*/}
#box-header-yellow ul { list-style-type:none; line-height:25px; margin:0px; padding:0px 0px 15px 130px; }
#box-header-yellow ul li{ background-image:url(../images/design/mas.png); background-repeat:no-repeat; background-position:0px; padding-left:15px;}
#box-header-yellow ul li { font-size:1.25em;}
#box-header-yellow span{ padding-left:30px;  float:left;}
#box-header-yellow p{ margin-bottom:15px; line-height:18px;}

.box-header-yellow-precio {width:130px; height:90px; float:left; margin:20px 0 0 10px; /*padding:0px;*/ /*font-size:5em;*/ /*position:relative; display:inline;*/}
#header-text-right .ordenar a:link
{
display: inline-block;
opacity: .9;
margin-left: 10px;
padding: 10px 20px;
color: #fff;
font: bold 14px Arial, Helvetica;
text-transform: uppercase;
text-decoration: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
text-shadow: 0 -1px 0 rgba(0,0,0,.15);
background-color: #1d1d1d;
float:left;
}
#header-text-right .ordenar a:hover
{
opacity: 1;
color: #fff;
-webkit-box-shadow: 0 0 3px #777;
-moz-box-shadow: 0 0 3px #777;
box-shadow: 0 0 3px #777;
background-color: #494949;
}
#header-text-right .ordenar a:active
{
-moz-box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;
box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;
}


/*** fin texto HEADER ***/
/*==========================*/
*
{
margin: 0;
padding: 0;
}
body
{
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.875em;
color:#333;
}
#main-content
{
width: 100%;
margin:0 auto;/*float: left;*/
clear: both;
background-color:#e2e2e2;
}

img
{
border: none;
}
a:link
{
color: #ccc;
text-decoration: none;
outline:none;
}
a:visited
{
text-decoration: none;
color: #ccc;
outline:none;
}
a:hover
{
text-decoration: underline;
color: #777777;
outline:none;
}
a:active
{
text-decoration: none;
color: #777777;
outline:none;
}
.clear
{
clear: both;
}
.clear-both
{
clear: both;
}
.nomarginrt
{
margin-right: 0px !important;
}
.floatrt
{
float: right !important;
}
.noborderbtm
{
border-bottom: none !important;
}
.nomarginbtm
{
margin-bottom: 0px !important;
}
#container /* this is the containing div */
{
width: 100%;
margin:0 auto;/*float: left;*/
clear: both;
}
/*================ inicia topmenu========================== */
#top_menu
{
width: 600px;
height: auto;
float:right;
padding:0 10px 0 0;
}
#top_menu .soporte
{
float: right;
width: auto;
height: 28px;
margin-top: 5px;
}
#top_menu .soporte a
{
display: block;
width: auto;
height: 28px;
line-height: 23px;
color: #979797;
font-size: 0.75em;
padding: 0 10px 0 25px;
background: url(../images/design/bg-soporte.png) no-repeat left top;
text-decoration: none;
}
#top_menu .soporte a:hover
{
background: url(../images/design/bg-soporte.png) no-repeat left bottom;
}
#top_menu .recursos
{
float: right;
width: auto;
height: 28px;
margin-top: 5px;
}
#top_menu .recursos a
{
display: block;
width: auto;
height: 28px;
line-height: 23px;
color: #979797;
font-size: 0.75em;
padding: 0 10px 0 25px;
background: url(../images/design/bg-recursos.png) no-repeat left top;
text-decoration: none;
}
#top_menu .recursos a:hover
{
background: url(../images/design/bg-recursos.png) no-repeat left bottom;
}
#top_menu .clientarea
{
float: right;
width: auto;
height: 28px;
margin-top: 5px;
}
#top_menu .clientarea a
{
display: block;
width: auto;
height: 28px;
line-height: 23px;
color: #979797;
font-size: 0.75em;
padding: 0 10px 0 25px;
background: url(../images/design/bg-acceso.png) no-repeat left top;
text-decoration: none;
}
#top_menu .clientarea a:hover
{
background: url(../images/design/bg-acceso.png) no-repeat left bottom;
}
#top_menu .livechat
{
float: right;
width: auto;
height: 28px;
margin-top: 5px;
}
#top_menu .livechat a
{
display: block;
width: auto;
height: 28px;
line-height: 28px;
color: #979797;
font-size: 0.75em;
padding: 0 10px 0 28px;
background: url(../images/design/bg-livechat.png) no-repeat left top;
text-decoration: none;
}
#top_menu .livechat a:hover
{
background: url(../images/design/bg-livechat.png) no-repeat left bottom;
}
#top_menu .nobg
{
background: none !important;
}
/* fin topmenu */
/*=================inicia midmenu===================================== */
#midmenu
{
float: right;
background: url(../images/design/te.png) no-repeat center left;
width: 340px;
height: 70px;
text-align:right;
padding: 4px 10px 0 0;
}
#midmenu ul
{
margin: 4px 0 0 0;
}
#midmenu ul li
{
display: inline;
height: 30px;
margin:10px;
font-size:1em;
}
#midmenu ul li a
{
display: block;
line-height: 30px;
text-decoration: none;
color: #464646;
font-size: 0.875em;
}
#midmenu ul li a:hover
{
color: #fdc600;
}
#midmenu h2 {
	font-size:1.2em;
	font-family:"Times New Roman", Times, serif;
	/*float:right;*/
	font-weight:bold;
	/*width:180px;*/
}
/*=======================fin midmenu==========================*/
#header_wrap
{
float: left;
width: 100%;
height: 155px;
background: url(../images/design/bg-header.png) repeat-x left top;
}
#header
{
width: 1000px;
height: auto;
margin: 0 auto;
}
#header .logo
{
float: left;
width: 330px;
height: 70px;
margin: 20px 0 0 3px;
}
#header .logo
{
text-indent: -1000px;
}
#header .logo a
{
display: block;
background: url(../images/design/isologo.png) no-repeat left top;
width: 320px;
height: 70px;
margin-left: 10px;
}
/* end of styles for header area */
/* start of styles for slider */
.bannercon
{
float: left;
width: 100%;
/*background: url(../images/design/bannerbg.png) repeat left top;*/
}
.bannercon .coda-slider-wrapper
{
float: left;
width: 100%;
}
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.bannercon .coda-slider-no-js .coda-slider
{
height: 290px; /*346px;*/
overflow: auto !important;
}
/* Change the width of the entire slider (without dynamic arrows) */
.bannercon .coda-slider, .coda-slider .panel
{
width: 1226px;
height: 290px; /*310px;*/
}
/* Panel padding */
.bannercon .coda-slider .panel-wrapper
{
}
.bannercon .banner
{
float: left;
width: 100%;
height: 290px; /*110px*/
padding: 20px /*236px*/ 0 0 0;
background: /*url(../images/banner.jpg) no-repeat center top;*/
}
/*====fondos de banners principales=========*/
.bannercon .banner-1
{
float: left;
width: 100%;
height: 310px /*110px*/;
padding: 0 /*236px 0 0 0*/;
background: url(../images/slider/1-azul.jpg) no-repeat center top;
}
.bannercon .banner-2
{
float: left;
width: 100%;
height: 304px /*110px*/;
padding: 0 /*236px 0 0 0*/;
background: url(../images/slider/2-verde.jpg) no-repeat center top;
}
.bannercon .banner-3
{
float: left;
width: 100%;
height: 304px /*110px*/;
padding: 0 /*236px 0 0 0*/;
background: url(../images/slider/3-marron.jpg) no-repeat center top;
}
.bannercon .banner-4
{
float: left;
width: 100%;
height: 304px /*110px*/;
padding: 0 /*236px 0 0 0*/;
background: url(../images/slider/4-relax.jpg) no-repeat center top;
}
.bannercon .banner-5
{
float: left;
width: 100%;
height: 304px /*110px*/;
padding: 0 /*236px 0 0 0*/;
background: url(../images/slider/bg-software.jpg) no-repeat center top;
}
.bannercon .banner-int
{
float: left;
width: 100%;
height: 200px /*110px*/;
padding: 0 /*236px 0 0 0*/;
background: url(../images/slider/bg-header-2.jpg) no-repeat center top;
}

/*==========fin fondos de banner principales==============*/
.bannercon .wrapper
{
width: 1000px;
/*height: 70px;*/ /*92px;*/
margin: 5px auto 0;
}
/* Preloader */
.bannercon .coda-slider p.loading
{
padding: 20px;
text-align: center
}
/* Miscellaneous */
.bannercon .coda-slider-wrapper
{
clear: both;
overflow: hidden; /*auto*/
}
.bannercon .coda-slider
{
margin: 0 auto;
overflow: hidden;
}
.bannercon .coda-slider .panel
{
display: block;
float: left
}
.bannercon .coda-slider .panel-container
{
float: left;
}
.bannercon .slidernavcon
{
float: left;
width: 100%;
height: 72px; /*92px;*/
background: url(../images/slider/bg-navslider.png) repeat-x left top;
}
.bannercon .slidernavcon2
{
float: left;
width: 100%;
height: 100px; /*92px;*/
background: url(../images/design/domainbg.png) repeat-x left top;
}
.bannercon .slidernav
{
float: left;
width: 1000px;
list-style-type: none;
margin: 0px;
padding: 0px;
}
.bannercon .slidernav li
{
float: left;
display: inline;
height: 72px;
padding: 0px 20px 0 20px;
width: 160px;
background: url(../images/slider/separador-navslider.png) no-repeat right bottom;
}
.bannercon .slidernav li a
{
display: block;
color: #fff;
font-size: 0.875em;
line-height: 20px;
text-decoration: none;
text-align:center;
}
.bannercon .slidernav li a span
{ 
display: block;
color: #fff;
font-size: 1em;
font-weight: bold;
}
.bannercon .slidernavactive
{
display: none;
width: 62px;
height: 28px;
margin: -30px auto 2px;
background: url(../images/slider/slideractive.png) no-repeat left top;
}
.bannercon ul.slidernav li a.current .slidernavactive
{
display: block;
}
.bannercon .slidernav li a:hover span, .slidernav li a.current span
{
color: #f20000; /*ffc800;*/
text-align:center;
}
.bannercon .signup
{
width: 151px;
height: 37px;
float: left;
margin: 35px 5px 0 15px;
}

.bannercon .signup a
{
width: 151px;
height: 37px;
display: block;
text-decoration: none;
text-align: center;
line-height: 33px;
color: #000;
font-size: 1.125em;
font-family: 'MyriadPro-Bold';
background: url("../images/signup.png") no-repeat top;
}

.bannercon .signup a:hover
{
background: url("../images/signup.png") no-repeat bottom;
}
.bannercon .learnmore
{
width: 151px;
height: 37px;
float: left;
margin-top: 35px;
}
.bannercon .learnmore a
{
width: 151px;
height: 37px;
display: block;
text-decoration: none;
text-align: center;
line-height: 33px;
color: #fff;
font-size: 1.125em;
font-family: 'MyriadPro-Bold';
background: url("../images/learnmore.png") no-repeat top;
}
.bannercon .learnmore a:hover
{
background: url("../images/learnmore.png") no-repeat bottom;
}
/* end of styles for slider */


/*===============Inicia contenido principal MAINBG===================== */
#mainbg
{
float: left;
width: 100%;
padding: 10px 0 0 0;
/*background: url(../images/design/bg-mainbg.png) repeat-x left top #fff;*/
}
#mainbg .wrapper
{
width: 1000px;
height: auto;
margin: 0 auto;
}
/* start of styles for content */
#mainbg #content_area
{
float: left;
width: 998px;
margin: 0;
padding: 0;
border-right: 1px solid #b5b5b5;
border-left: 1px solid #b5b5b5;
background: #fff;
}
#mainbg h1
{
margin: 0 0 25px 10px;
padding: 0px;
text-transform: uppercase;
line-height: 30px;
color: #003351;
font-size: 1.6em;
text-shadow: 2px 2px 1px #777;
font-family: tahoma, arial;
}
#mainbg p
{
margin: 10px 10px 15px 10px;
padding: 0;
color: #000;
font-size: 1em;
font-weight: normal;
font-family: "Trebuchet MS", arial, tahoma, sans-serif;
}
#mainbg a
{
color: #000;
text-decoration: underline;
}
#mainbg a:hover
{
color: #000;
text-decoration: none;
}
#mainbg .content_top
{
clear: both;
width: 1000px;
height: 30px;
margin: 20px 0 0 0;
padding: 0;
background: url(../images/domainbg.png) no-repeat left top;
}
#mainbg .content_bottom
{
float: left;
width: 1000px;
height: 30px;
margin: 0 0 20px 0;
padding: 0;
background: url(../images/domainbg.png) no-repeat left bottom;
}
#mainbg #content_area #left_content
{
float: left;
width: 748px;
margin: 0;
padding: 0;
}
#mainbg #content_area #left_content .columns2
{
width: 355px;
float: left;
margin-right: 30px;
margin-bottom: 20px;
}
#mainbg #content_area #left_content .fix
{
margin-right: auto !important;
}
#mainbg #content_area #right_sidebar
{
float: right;
width: 250px;
margin: 0;
padding: 0;
}
#mainbg #content_area #right_sidebar h1
{
margin: 0 0 5px 5px;
padding: 0px;
text-transform: uppercase;
line-height: 24px;
color: #003351;
font-size: 1.4em;
font-weight: normal;
text-shadow: 2px 2px 1px #777;
font-family: tahoma, arial;
}
#mainbg #content_area #right_sidebar p
{
margin: 5px 0 10px 0;
padding: 0;
color: #000;
font-size: 0.875em;
font-weight: normal;
font-family: "Trebuchet MS", arial, tahoma, sans-serif;
}
#mainbg #content_area #right_sidebar a
{
color: #000;
text-decoration: underline;
}
#mainbg #content_area #right_sidebar a:hover
{
color: #000;
text-decoration: none;
}
#mainbg #content_area #right_sidebar img
{
float: left;
margin: 2px;
padding: 0;
border: none;
}
#mainbg #content_area #right_sidebar ul
{
width: 245px;
margin: 0 0 15px 0;
padding: 0;
}
#mainbg #content_area #right_sidebar ul li
{
display: block;
list-style-type: none;
width: 245px;
line-height: 24px;
height: 24px;
margin: 0;
padding: 0;
color: #000;
font-size: 0.875em;
font-weight: normal;
font-family: "Trebuchet MS", arial, tahoma, sans-serif;
border-bottom: 1px dotted #282844;
}
#mainbg #content_area #right_sidebar ul li a
{
display: block;
width: 226px;
line-height: 24px;
height: 24px;
margin: 0;
padding: 0 0 0 25px;
color: #000;
text-decoration: none;
background: url("../images/blue_check_mark.png") 3px 0 no-repeat;
}
#mainbg #content_area #right_sidebar ul li a:hover
{
width: 226px;
margin: 0;
padding: 0 0 0 25px;
color: #fafafa;
text-decoration: none;
border-bottom: 1px solid #282844;
background-color: #282844;
background-image: none;
}
#mainbg #content_area #right_sidebar ul.right_list
{
margin: 5px 0 20px 0;
padding: 0;
}
#mainbg #content_area #right_sidebar ul.right_list li
{
list-style-type: none;
margin: 0;
padding: 0;
background: none;
border-bottom: none;
}
#mainbg #content_area #right_sidebar ul.right_list li.twitter
{
background: url("../images/twitter_side_icon.png") 0 0 no-repeat;
}
#mainbg #content_area #right_sidebar ul.right_list li.facebook
{
background: url("../images/facebook_side_icon.png") 0 0 no-repeat;
}
#mainbg #content_area #right_sidebar ul.right_list li.google
{
background: url("../images/googleplus_side_icon.png") 1px 1px no-repeat;
}
#mainbg #content_area #right_sidebar ul.right_list li.email
{
background: url("../images/email_side_icon.png") 2px 0 no-repeat;
}
#mainbg #content_area #right_sidebar ul.right_list li.chat
{
background: url("../images/chat_side_icon.png") 2px 0 no-repeat;
}
#mainbg #content_area #right_sidebar ul.right_list li.twitter,
#mainbg #content_area #right_sidebar ul.right_list li.facebook,
#mainbg #content_area #right_sidebar ul.right_list li.google,
#mainbg #content_area #right_sidebar ul.right_list li.email,
#mainbg #content_area #right_sidebar ul.right_list li.chat
{
display: block;
list-style-type: none;
line-height: 26px;
height: 26px;
margin: 0;
padding: 0 0 0 26px;
-khtml-opacity: .50;
-moz-opacity: .50;
-ms-filter: "alpha(opacity=50)";
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
opacity: .50;
}
#mainbg #content_area #right_sidebar ul.right_list li.twitter:hover,
#mainbg #content_area #right_sidebar ul.right_list li.facebook:hover,
#mainbg #content_area #right_sidebar ul.right_list li.google:hover,
#mainbg #content_area #right_sidebar ul.right_list li.email:hover,
#mainbg #content_area #right_sidebar ul.right_list li.chat:hover
{
-khtml-opacity: 1;
-moz-opacity: 1;
-ms-filter: "alpha(opacity=100)";
filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
opacity: 1;
}
#mainbg #content_area #right_sidebar ul.right_list li a
{
text-decoration: none;
padding: 0;
color: #000;
background-image: none;
}
#mainbg #content_area #right_sidebar ul.right_list li a:hover
{
text-decoration: none;
color: #fa7b0e;
border-bottom: none;
background: none;
}
#mainbg #content_area #left_content a
{
text-decoration: underline;
color: #000;
}
#mainbg #content_area #left_content a:hover
{
text-decoration: none;
color: #000;
}
#mainbg #content_area #left_content h1
{
margin: 0 0 25px 10px;
padding: 0px;
text-transform: uppercase;
line-height: 30px;
color: #003351;
font-size: 2em;
text-shadow: 2px 2px 1px #777;
font-family: tahoma, arial;
}
#mainbg #content_area #left_content h1 span
{
height: 50px;
line-height: 50px;
font-size: 3em;
}
#mainbg #content_area #left_content h2
{
margin: 0 0 25px 10px;
padding: 0px;
text-transform: uppercase;
line-height: 30px;
color: #003351;
font-size: 1.5em;
text-shadow: 2px 2px 1px #777;
font-family: tahoma, arial;
}
#mainbg #content_area #left_content p
{
margin: 10px;
padding: 0;
color: #000;
font-size: 0.95em;
font-weight: normal;
font-family: arial, tahoma, sans-serif;
}
#mainbg #content_area #left_content p span.big_left
{
display: block;
margin: 0 0 5px 10px;
padding: 0px;
text-transform: uppercase;
line-height: 24px;
color: #003351;
font-size: 1.5em;
font-weight: bold;
text-shadow: 2px 2px 1px #777;
font-family: tahoma, arial;
}
#mainbg #content_area #left_content p span.big_right
{
text-align: right;
display: block;
margin: 0 0 5px 10px;
padding: 0px;
text-transform: uppercase;
line-height: 24px;
color: #003351;
font-size: 1.5em;
font-weight: bold;
text-shadow: 2px 2px 1px #777;
font-family: tahoma, arial;
}
#mainbg #content_area #left_content ul
{
margin: 5px 0 15px 0;
padding: 0;
}
#mainbg #content_area #left_content ul li
{
display: block;
list-style-type: none;
height: 26px;
line-height: 26px;
margin: 0 5px 0 10px;
padding: 0 0 0 22px;
color: #000;
font-size: 0.95em;
font-weight: normal;
font-family: "Trebuchet MS", arial, tahoma, sans-serif;
background: url('../images/blue_check_mark.png') 0 2px no-repeat;
}
#mainbg #content_area #left_content ul li a
{
margin: 0;
padding: 0;
color: #000;
font-size: 0.95;
font-weight: normal;
font-family: "Trebuchet MS", arial, tahoma, sans-serif;
text-decoration: underline;
}
#mainbg #content_area #left_content ul li a:hover
{
color: #000;
text-decoration: none;
}
#mainbg #content_area #left_content table
{
width: 96%;
border-collapse: collapse;
margin: 10px auto;
padding: 10px 0; 
}
#mainbg #content_area #left_content th
{
height: 29px;
margin: 0;
padding: 0 0 0 5px;
color: #282844;
font-size: 1em;
font-weight: bold;
font-family: arial, tahoma, sans-serif;
text-align: left;
border-bottom: solid 2px #282844;
}
#mainbg #content_area #left_content tr
{
height: 30px;
font-size: 0.95em;
font-weight: normal;
font-family: arial, tahoma, sans-serif;
}
#mainbg #content_area #left_content tr
{
margin: 0;
padding-left: 2px;
padding-right: 2px;
}
#mainbg #content_area #left_content tr.rowa
{
background: #f6f6f6;
}
#mainbg #content_area #left_content tr.rowb
{
background: #eaeaea;
}
#mainbg #content_area #left_content tr img
{
margin: 0;
padding: 0;
border: none;
}
#mainbg #content_area #left_content table a
{
color: #000;
text-decoration: underline;
}
#mainbg #content_area #left_content table a:hover
{
color: #000;
text-decoration: none;
}
#mainbg #content_area #left_content img.img_left
{
float: left;
border: none;
margin: 0 5px 0 0;
padding: 0;
}
#mainbg #content_area #left_content img.img_right
{
float: right;
border: none;
margin: 0 0 5px 0;
padding: 0;
}

/* ========fin MAINBG============================= */

/* start of styles for the domain registration */
#mainbg .domainarea
{
float: left;
width: 980px;
height: 100px; /*72px;*/
margin: 0; /*0 0 20px 0;*/
padding: 0 10px; /*0 20px;*/
background: url(../images/design/domainbg.png) no-repeat left top;
font-size:0.75em;
color:#666;
}
#domain-inter
{width:335px; /*480px;*/
height:auto;
float:left;
}
#domain-inter p {
	color:#060;
	/*font-size:1.4em;*/
	font-weight:bold;
	margin:0;
	padding:0;
}
#domain-inter .field2{
	width:60px;
}
#domain-arg
{width:355px; /*500px;*/
height:auto;
float:left;
}
#domain-arg p {
	color:#099cd2;
	/*font-size:1.4em;*/
	font-weight:bold;	
	margin:0;
	padding:0;
}
#domain-arg .field2{
	width:80px;
}
#domain-py
{width:280px; /*500px;*/
height:auto;
float:left;
}
#domain-py p {
	color:#db1a1a;
	/*font-size:1.4em;*/
	font-weight:bold;	
	margin:0;
	padding:0;
}

#mainbg .domaindropdown
{
float: left;
width: 55pz; /*50px;*/
height: 25px;
padding: 5px 0 0 0;
margin: 0px 10px 0 0;
background: url(../images/design/dropdown.png) no-repeat left top;
}
#mainbg .domainarea .field1
{
float: left;
width: 160px; /*200px; /*375px;*/
height: 30px;
margin: 0px 5px 0 0;
padding: 0 10px;
color: #777;
font-size: 1em;
font-weight: normal;
line-height: 30px;
font-family: Arial, Helvetica, sans-serif;
border: none;
background: url(../images/design/searchbg.png) no-repeat left top;
}
#mainbg .domainarea .domaindropdown .field2
{
font-size: 1em;
font-weight: normal;
height: 20px;
color: #777;
border: none;
background: none;
}
#mainbg .domainarea .field3
{
float: left;
width: 40px; /*70px; /*111px;*/
height: 30px;
margin: 0px 5px 0 0;
cursor: pointer;
border: none;
background: url(../images/design/bg-buscar.png) no-repeat left top;
}
#mainbg .domainarea .field3:hover
{
background: url(../images/design/bg-buscar.png) no-repeat left bottom;
}
#mainbg .domainarea .domainrate
{
float: right;
width: 113px;
height: 50px;
margin: -10px 0 0 0;
background: url("../images/design/bg-precio.png") no-repeat left top;
}
#mainbg .domainarea .domainrate h5
{
margin: 0px;
padding: 0px;
height: 20px;
line-height: 20px;
text-align: center;
color: #f2f2f2;
font-size: 1.4em;
font-family: 'MyriadPro-Bold';
}
#mainbg .domainarea .domainrate h6
{
margin: 5px 10px 0 0;
padding: 0px;
height: 12px;
line-height: 12px;
text-align: center;
color: #f2f2f2;
font-size: 0.875em;
font-family: 'MyriadPro-Bold';
}
/* end of styles for the domain registration */
/* start of styles for the hosting plans */
#mainbg .hosting_plans
{
float: left;
width: 1000px;
margin: 10px 0 20px 0;
}
#mainbg .hosting_plans .plan
{
float: left;
width: 242px;
margin: 0 10px 0 0;
padding: 0 0 11px 0;
/*background: url("../images/planshadow.png") no-repeat center bottom;*/
}
/*=======inicia box-new================*/
#mainbg .hosting_plans .box-new
{
width: 200px;
padding: 20px;
border: 1px solid #b5b5b5;
border-radius: 5px;
background:url("../images/planbg.png") repeat-x left top #e7e7e7;
}
#mainbg .hosting_plans .box-new h2
{
margin: -10px 0 0 -10px;
padding: 0 0 0 30px;
color: #fff;
font-size: 1.25em;
text-align: center;
letter-spacing:-1px;
background: url(../images/design/bg-titulos-new.png) no-repeat left top;/*url("../images/planheading.png") no-repeat left top;*/
width: 219px;
line-height: 50px;
height: 50px;
/*text-transform: uppercase;*/
/*font-family: Arial, Helvetica, sans-serif;*/
}
#mainbg .hosting_plans .box-new .imgrvsite
{ margin-left: -10px;
}
#mainbg .hosting_plans .box-new ul 
{
list-style-type: none;
margin: 0 0 20px 0;
padding: 0px;
}
#mainbg .hosting_plans .box-new ul li
{
padding: 0 0 0 20px;
height: 28px; /*31px;*/
line-height: 28px; /*31px;*/
color: #333;
font-size: 0.875em;
border-bottom: 1px solid #b5b5b5;
background: url("../images/planbullet.png") no-repeat left 11px;
}
#mainbg .hosting_plans .box-new p
{
padding: 0 0 5px 5px;
margin:5px 0;
height: auto; /*31px;*/
line-height: 18px; /*31px;*/
color: #333;
font-size: 0.875em;
border-bottom: 1px solid #b5b5b5;
/*background: url("../images/planbullet.png") no-repeat left 7px;*/
}

/*fin box box-new*/
#mainbg .hosting_plans .planinner
{
width: 200px;
padding: 20px;
border: 1px solid #b5b5b5;
border-radius: 5px;
background:url("../images/planbg.png") repeat-x left top #e7e7e7;
}
#mainbg .hosting_plans .planinner h2
{
margin: -10px 0 0 -10px;
padding: 0 0 0 20px;
color: #fff;
font-size: 1.25em;
text-align: center;
letter-spacing:-1px;
background: url(../images/design/bg-titulos.png) no-repeat left top;/*url("../images/planheading.png") no-repeat left top;*/
width: 219px;
line-height: 50px;
height: 50px;
/*text-transform: uppercase;*/
/*font-family: Arial, Helvetica, sans-serif;*/
}
#mainbg .hosting_plans h3
{
	font-size:1em;
	font-weight:bold;
	margin:7px 0 5px 0;
}
#mainbg .hosting_plans .planinner ul
{
list-style-type: none;
margin: 0 0 20px 0;
padding: 0px;
}
#mainbg .hosting_plans .planinner ul li
{
padding: 0 0 0 20px;
height: 28px; /*31px;*/
line-height: 28px; /*31px;*/
color: #333;
font-size: 0.875em;
border-bottom: 1px solid #b5b5b5;
background: url(../images/interface/planbullet.png) no-repeat left 11px;
}
#mainbg .hosting_plans .planrate
{
width: 200px;
height: 70px;
margin: 0 0 20px 0;
letter-spacing: -1px;
text-align:center;
background: url(../images/design/sombra-anual.png) no-repeat center bottom;
}
#mainbg .hosting_plans .doller1
{
float: left;
margin: 20px 10px 0 0;
height: 30px;
line-height: 30px;
color: #000;
font-size: 1.5em;
font-family: Tahoma, Geneva, sans-serif;
}
#mainbg .hosting_plans .numeric1
{
float: left;
height: 60px;
line-height: 53px;
color: #000;
font-size: 3.5em;
font-family: Arial, Helvetica, sans-serif;
}
#mainbg .hosting_plans .per
{
float: left;
margin: 5px 0 0 0;
height: 20px;
line-height: 20px;
color: #000;
font-size: 1.5em;
font-family: "Arial Black", Gadget, sans-serif;
}
#mainbg .hosting_plans .viewplan
{
margin: 0 auto;
width: 199px;
height: 30px;
}
#mainbg .hosting_plans .viewplan a
{
display: block;
width: 199px;
height: 30px;
line-height: 30px;
text-align: center;
text-decoration: none;
color: #fff;
font-size: 0.75em;
text-transform: uppercase;
background: url(../images/design/planview.png) no-repeat left top;
}
#mainbg .hosting_plans .viewplan a:hover
{
background: url(../images/design/planview.png) no-repeat left bottom;
}
/*ordenar index #mainbg .ordenar*/
#mainbg .ordenar a
{
display: block;
width: 60px;
height: 30px;
line-height: 30px;
text-align: center;
text-decoration: none;
color: #fff;
font-size: 0.75em;
text-transform: uppercase;
background: url(../images/design/planview.png) no-repeat left top;
float:right;
}
#mainbg .ordenar a:hover
{
background: url(../images/design/planview.png) no-repeat left bottom;
}

/* end of styles for hosting plans */
/* start of styles of icons within a list as banners */
#mainbg .service
{
float: left;
clear: both;
width: 1000px;
margin: 0 0 20px 0;
padding: 0px;
list-style-type: none;
}
#mainbg .service li
{
float: left;
display: inline;
width: 175px; /*237px;*/
height: 70px;
line-height: 18px;
margin: 0 12px 0 0;
padding: 20px 0 0 65px;
text-transform: uppercase;
color: #333;
font-size: 0.875em;
font-weight: bold;
background: url(../images/design/serviciosli.png) no-repeat left top;
}
#mainbg .soporte
{
float: left;
display: block;
width: 48px;
height: 47px;
margin: -8px 0 0 -58px;
background: url(../images/design/help.png) no-repeat left top;
}
#mainbg .backup
{
float: left;
display: block;
width: 60px;
height: 57px;
margin: -8px 7px 0 -58px;
background: url(../images/design/backup.png) no-repeat left top;
}
#mainbg .moneyback
{
float: left;
display: block;
width: 52px;
height: 65px;
margin: -8px 7px 0 -58px;
background: url(../images/design/garantia.png) no-repeat left top;
}
#mainbg .paypal
{
float: left;
display: block;
width: 60px;
height: 57px;
margin: -8px 7px 0 -58px;
background: url(../images/design/paypal.png) no-repeat left top;
}
#mainbg .nomarginrt
{
margin-right: 0px !important;
}
/* end of styles of icons within a list as banners */
/* start of styles of info banners */
#mainbg .box
{
float: left;
width: 1000px;
margin: 0 0 20px 0;
}

/*============================================ boxlt, boxltinner - mediia pagina: servidiores e internet*/
#mainbg .box .boxlt
{
float: left;
width: 340px;
height:370px;
padding: 0 0 11px 0;
margin: 0 17px 0 0;
background: url(../images/design/boxlt.png) no-repeat center bottom;
}

#mainbg .box .boxltinner
{
padding: 20px 10px 20px 20px;
border: 1px solid #b5b5b5;
border-radius: 5px;
background: url(../images/design/boxltinner.png) repeat-x left top #e7e7e7;
height:325px;
}
#mainbg .box a
{
text-decoration: underline;
color: #000;
}
#mainbg .box a:hover
{
text-decoration: none;
color: #000;
}
#mainbg .box .boxltinner h2
{
margin: 0 0 5px 0;
padding: 0px;
/*height: 20px;*/
/*line-height: 20px;*/
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
color: #000;
font-size: 1.25em;;
}
#mainbg .box .boxltinner p
{
line-height: 20px;
margin: 0 0 10px 0;
padding: 0px;
color: #333;
font-size: 0.875em;
}
/* hasta aqui*/

/* ===========================================#mainbg .box .boxlt2 y boxltinner2- Media pagina: programas*/
#mainbg .box .boxlt2
{
float: right;
/*display:inline;*/
width: 640px;
height:370px;
padding: 0;
margin: 0;
background: url(../images/design/boxlt.png) no-repeat center bottom;
}
#mainbg .box .boxltinner2
{
padding: 20px 10px 20px 20px;
border: 1px solid #b5b5b5;
border-radius: 5px;
background: url(../images/design/boxltinner.png) repeat-x left top #e7e7e7;
height:325px;
}
#mainbg .box a
{
text-decoration: underline;
color: #000;
}
#mainbg .box a:hover
{
text-decoration: none;
color: #000;
}
#mainbg .box .boxltinner2 h2
{
margin: 0 0 5px 0;
padding: 0px;
height: 20px;
line-height: 20px;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
color: #000;
font-size: 1.25em;;
}
#mainbg .box .boxltinner2 p
{
line-height: 20px;
margin: 0 0 10px 0;
padding: 0px;
color: #333;
font-size: 0.875em;
}
/* hasta aqui*/

#mainbg .box .list1
{
list-style-type: none;
margin: 0px;
padding: 0px;
}
#mainbg .box .list1 li
{
line-height: 28px;
height: 28px;
padding: 0 0 0 28px;
color: #333;
font-size: 0.875em;
border-bottom: 1px solid #B5B5B5;
}
#mainbg .box .icon1
{
background: url(../images/design/1admin.png) no-repeat left center;
}
#mainbg .box .icon2
{
background: url(../images/design/2emailsoporte.png) no-repeat left center;
}
#mainbg .box .icon3
{
background: url(../images/design/3telefono.png) no-repeat left center;
}
#mainbg .box .icon4
{
background: url(../images/design/4intel.png) no-repeat left center;
}
#mainbg .box .icon5
{
background: url(../images/design/5cpanel.png) no-repeat left center;
}
#mainbg .box .icon6
{
background: url(../images/design/6rvsitebuilder.png) no-repeat left center;
}
#mainbg .box .icon7
{
background: url(../images/design/7softaculous.png) no-repeat left center;
}
#mainbg .box .icon8
{
background: url(../images/design/8hosting.png) no-repeat left center;
}
#mainbg .box .icon9
{
background: url(../images/design/9streaming.png) no-repeat left center;
}
#mainbg .box .icon10
{
background: url(../images/design/10software.png) no-repeat -5px center;
}
#mainbg .box .list2
{
list-style-type: none;
margin: 0px;
padding: 0px;
}
#mainbg .box .list2 li
{
margin: 0 0 20px 0;
padding: 0 0 0 65px;
line-height: 18px;
color: #333;
font-size: 0.875em;
}
#mainbg .box .highlight
{
width: 221px;
height: 27px;
line-height: 27px;
margin: 0 0 10px 0;
padding: 0 10px;
color: #000;
font-size: 0.95em;;
font-family: Arial, Helvetica, sans-serif;
background: url(../images/Consectetuer.png) no-repeat left top;
}
#mainbg .box .highlight a
{
text-decoration: underline;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.875em;
}
#mainbg .box .highlight a:hover
{
text-decoration: none;
color: #000;
}


/*================================baja==================
#mainbg .box .subscribe
{
float: left;
width: 219px;
height: 30px;
margin: 15px 0 0 0;
}

#mainbg .box .subscribe a
{
display: block;
width: 219px;
height: 30px;
line-height: 30px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
color: #fff;
font-size: 0.95em;;
font-weight: normal;
background: url("../images/newsupdate.png") no-repeat 0 0;
}
#mainbg .box .subscribe a:hover
{
background: url("../images/newsupdate.png") no-repeat left bottom;
}
#mainbg table.pricing_table
{
margin: 10px 0 20px 0;
line-height: 1.2em;
border-collapse: collapse;
text-align: center;
letter-spacing: -1px;
font-family: Georgia, serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
}
#mainbg .pricing_table thead th, #mainbg .pricing_table tfoot td
{
padding: 10px;
color: #fff;
font-size: 26px;
font-weight: normal;
border-right: 1px dotted #666;
border-top: 3px solid #666;
-moz-box-shadow: 0px -1px 4px #000;
-webkit-box-shadow: 0px -1px 4px #000;
box-shadow: 0px -1px 4px #000;
text-shadow: 1px 1px 1px #000;
background-color: #222;
}
#mainbg .pricing_table tfoot th
{
padding: 10px;
text-transform: uppercase;
font-size: 18px;
color: #888;
}
#mainbg .pricing_table tfoot td
{
color: #ef870e;
font-size: 36px;
border-top: none;
border-bottom: 3px solid #666;
-moz-box-shadow: 0px 1px 4px #000;
-webkit-box-shadow: 0px 1px 4px #000;
box-shadow: 0px 1px 4px #000;
}
#mainbg .pricing_table tfoot td .sign_up
{
display: inline-block;
opacity: .9;
margin: 5px auto;
padding: 10px 20px;
color: #fff;
font: bold 14px Arial, Helvetica;
text-transform: uppercase;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: 0 -1px 0 rgba(0,0,0,.15);
background-color: #ff0000;
}
#mainbg .pricing_table tfoot td .sign_up:hover
{
opacity: 1;
color: #fff;
-webkit-box-shadow: 0 0 3px #777;
-moz-box-shadow: 0 0 3px #777;
box-shadow: 0 0 3px #777;
background-color: #001f31;
}
#mainbg .pricing_table tfoot td .sign_up:active
{
-moz-box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;
box-shadow: 0 2px 2px rgba(0,0,0,.3) inset;
}
#mainbg .pricing_table thead th:empty
{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
}
#mainbg .pricing_table thead :nth-last-child(1)
{
border-right: none;
}
#mainbg .pricing_table thead :first-child, #mainbg .pricing_table tbody :nth-last-child(1)
{
border: none;
}
#mainbg .pricing_table tbody th
{
text-align: right;
padding: 10px;
color: #333;
text-shadow: 1px 1px 1px #ccc;
background-color: #f9f9f9;
}
#mainbg .pricing_table tbody td
{
padding: 10px;
border-right: 1px dotted #999;
text-shadow: -1px 1px 1px #fff;
text-transform: uppercase;
color: #333;
background-color: #f0f0f0;
}
#mainbg .pricing_table tbody span.check::before
{
content: url(../images/green_check_mark.png);
}
/* end of styles of info banners */
/*=================fin baja hasta aqui=====================================*/


/* start of styles of bottom images with opacity applied */
#mainbg .bottom_images
{
float: left;
width: 1000px;
height: 104px;
margin: 5px 0;
}
#mainbg .bottom_images img
{
float: left;
margin: 0;
-khtml-opacity: .50;
-moz-opacity: .50;
-ms-filter: "alpha(opacity=50)";
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
opacity: .50;
}
#mainbg .bottom_images /*img:hover*/
{
-khtml-opacity: 1;
-moz-opacity: 1;
-ms-filter: "alpha(opacity=100)";
filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
opacity: 1;
}
/* end of styles of bottom images with opacity applied */
/* end of styles for content area */
/* start of styles of footer area */
#top_footer
{
float: left;
width: 100%;
padding: 40px 0 20px 0;
background: url("../images/design/footerbg.jpg") repeat left top;
}
#top_footer .wrapper
{
width: 1000px;
height: auto;
margin: 0 auto;
}
#top_footer .footerlt
{
float: left;
width: 640px;
padding: 0 20px;
}
#top_footer .footer_column
{
float: left;
width: 213px;
margin: 0 0 20px 0;
}
#top_footer .footer_column h2
{
margin: 0 0 20px 0;
padding: 0 0 0 20px;
height: 34px;
line-height: 34px;
text-transform: uppercase;
color: #fff;
font-size: 0.875em;
font-family: "Arial Black", Gadget, sans-serif;
background: url("../images/design/sitemapheading.png") no-repeat left top;
}
#top_footer .footer_column ul
{
list-style-type: none;
margin: 0px;
padding: 0px;
}
#top_footer .footer_column ul li
{
height: 24px;
}
#top_footer .footer_column ul li a
{
height: 24px;
padding: 0 0 0 20px;
line-height: 24px;
text-decoration: none;
color: #b0b0b0;
font-size: 0.875em;
background:url("../images/planbullet.png") no-repeat left center;
}
#top_footer .footer_column ul li a:hover
{
color: #fff;
}
#top_footer .socialmedia
{
float: left;
width: 150px;
height: 53px;
padding: 0 20px;
border: 1px solid #3a3a3a;
border-radius: 5px;
}
#top_footer .twitter
{
float: left;
width: 35px;
height: 35px;
margin: 8px 3px 0 0;
}
#top_footer .twitter a
{
display: block;
width: 35px;
height: 35px;
background: url(../images/design/twitter.png) no-repeat left top;
}
#top_footer .twitter a:hover
{
opacity: 0.7;
}
#top_footer .facebook
{
float: left;
width: 35px;
height: 35px;
margin: 8px 3px 0 0;
}
#top_footer .facebook a
{
display: block;
width: 35px;
height: 35px;
background: url(../images/design/facebook.png) no-repeat left top;
}
#top_footer .facebook a:hover
{
opacity: 0.7;
}
#top_footer .linkdin
{
float: left;
width: 35px;
height: 35px;
margin: 8px 3px 0 0;
}
#top_footer .linkdin a
{
display: block;
width: 35px;
height: 35px;
background: url(../images/design/linkdin.png) no-repeat left top;
}
#top_footer .linkdin a:hover
{
opacity: 0.7;
}
#top_footer .email
{
float: left;
width: 35px;
height: 35px;
margin: 8px 0 0 0;
}
#top_footer .email a
{
display: block;
width: 35px;
height: 35px;
background: url(../images/design/email.png) no-repeat left top;
}
#top_footer .email a:hover
{
opacity: 0.7;
}
#top_footer .payment
{
float: left;
width: 246px;
border: 1px solid #3a3a3a;
border-radius: 5px;
height: 53px;
padding: 0 20px;
margin: 0 0 0 20px;
background: url(../images/design/payment.png) no-repeat center;
}
#top_footer .footer_right
{
float: right;
width: 304px;
}
#top_footer .footer_right h2
{
margin: 0 0 20px 0;
padding: 0 0 0 20px;
height: 34px;
line-height: 34px;
text-transform: uppercase;
color: #fff;
font-size: 0.875em;
font-family: Arial, Helvetica, sans-serif;
background: url("../images/design/customer.png") no-repeat left top;
}
#top_footer .footer_right a
{
color: #b0b0b0;
text-decoration: underline;
}
#top_footer .footer_right a:hover
{
text-decoration: none;
}
#top_footer .inner
{
float: left;
width: 304px;
line-height: 18px;
color: #b0b0b0;
font-size: 0.875em;
}
#top_footer .inner p
{
margin: 0 0 20px 0;
padding: 0;
color: #b0b0b0;
}
/*#top_footer .inner*/ .img_left
{
float: left;
margin: 0 5px 0 0;
padding: 0;
}
#bottom_footer
{
float: left;
width: 100%;
height: 45px;
background: #1d1d1d;
}
#bottom_footer .wrapper
{
width: 1000px;
height: auto;
margin: 0 auto;
}
#bottom_footer .left_bottom
{
float: left;
width: 560px;
padding: 15px 20px 0 20px;
}
#bottom_footer .left_bottom ul
{
list-style-type: none;
margin: 0px;
padding: 0px;
}
#bottom_footer .left_bottom ul li
{
float: left;
display: inline;
height: 14px;
background: url("../images/lastli.png") no-repeat right center;
}
#bottom_footer .left_bottom ul li a
{
line-height: 14px;
color: #fff;
font-size: 0.75em;
text-transform: uppercase;
padding: 0 10px;
}
#bottom_footer .right_bottom
{
float: right;
width: 300px;
color: #fff;
font-size: 0.75em;
text-align: right;
}
#bottom_footer .right_bottom p
{
margin: 0;
padding: 0;
color: #777;
font-size: 0.75em;
letter-spacing: -1px;
}
#bottom_footer .right_bottom a, #bottom_footer .right_bottom a:hover
{
text-decoration: none;
color: #777;
}
#bottom_footer .right_bottom span.small a, #bottom_footer .right_bottom span.small a:hover
{
font-size: 0.55em;;
color: #002a42;
}
#bottom_footer .nobg
{
background: none !important;
}
/* end of styles of footer area */


/*===============================================================
==========estilos de texto, colores ==============
=============================================================*/

.bold {
	font-weight:bold
}
.marron {
	color:#663300;
}
.marron-bold {
	color:#663300;
	font-weight:bold !important;
}
.azul {
	color:#3c59a5;
}
.azul-bold {
	color:#3c59a5;
	font-weight:bold !important;
}

.rojo {
  color:#cc0000
  }
.rojo-bold {
  color:#cc0000;
  font-weight:bold !important;
  }

.titulo2em-i{
  font: bold italic 1.4em Georgia, "Times New Roman", Times, serif;
  padding-left:15px;
  color:#f2f2f2;
  }  

.titulo01 {
  	font: bold italic 1.4em Georgia, "Times New Roman", Times, serif;
  	color:#3c59a5;
    text-shadow: 0px -2px 0px #fff, 0px 2px 3px #000;
	margin:10px !important;
}
.text-bold {
	font-weight:bold !important
}


/* ==============Estilos Globales ================*/
.TutorialesAutor {
	font-size:0.75em;
	text-align:center;
	padding:10px;
	margin-right:10px;
	border: 2px solid #3c59a5;
	-moz-border-radius: 10px; /* Firefox*/
	-ms-border-radius: 10px; /* IE 8.*/
	-webkit-border-radius: 10px; /* Safari,Chrome.*/
	border-radius: 10px; /* El estándar.*/
}

img.icon_planes
{
float: left;
border: none;
margin: -5px 5px 0 5px;
}

.center-text {
  margin: 0px 0 20px;
  text-align: center;
}
.img-right-margin {
	float:right;
	margin:7px
}
.alignleft {
  float:left;
  border:none;
  margin:5px 15px 5px 0;
}

.alignright {
  float:right;
  border:none;
  margin:5px 0 5px 13px;
}

.aligncenter {
  display:block;
  margin: 5px auto 15px;
}

.img-border {
  padding:8px;
  -moz-box-shadow:    0 0 4px #b8b8b8;
  -webkit-box-shadow: 0 0 4px #b8b8b8;
  box-shadow:         0 0 4px #b8b8b8;
  background-color: #fafafa;
  border: 1px solid #ffffff;
}

.img-border2 {
  padding:6px;
  -moz-box-shadow:    0 0 4px #b8b8b8;
  -webkit-box-shadow: 0 0 4px #b8b8b8;
  box-shadow:         0 0 4px #b8b8b8;
  background-color: #fafafa;
  border: 1px solid #ffffff;
}
.img-border-center {
  padding:6px;
  -moz-box-shadow:    0 0 4px #b8b8b8;
  -webkit-box-shadow: 0 0 4px #b8b8b8;
  box-shadow:         0 0 4px #b8b8b8;
  background-color: transparent;
  border: 1px solid #ffffff;
  /*text-align:center;*/
  display:block;
  margin-left: auto;
  margin-right: auto;
}

/*=========Listas styles ====================*/
ul.tutoriales {
	list-style: none;
	/*padding:5px 0 5px 0;*/
	margin:3px !important;
	font-weight:bold;
}
ul.tutoriales li {
	list-style: square;
	height:25px !important;
	/*background-image: url(../images/interface/planbullet.png);
	background-position: left bottom;
	background-repeat: no-repeat;*/
	padding-top:0 !important;
	margin:0 0 0 20px !important;
	font-weight:normal;
	}
	
/*=========Portfolio styles ====================*/

.portfolio-list { display:inline; float:left; height:auto; width:320px; margin:0px 10px 10px 0px; background:url(../images/design/zoom.jpg) no-repeat; color:#333; font-size:0.875em; }
.portfolio-list img {clear:both; margin-bottom:10px; }
/*--- Misc ---*/

a.btn { display:inline-block; background:url(../images/design/btn-left.png) no-repeat top left; width:auto; color:#1e5060; margin-right:10px; float:right }

a.btn span { display:inline-block; margin-left:10px; background:url(../images/design/btn-right.png) no-repeat top right; padding:4px 30px 5px 4px; }

a.btn:hover { background:url(../images/design/btn-left-hover.png) no-repeat top left; text-decoration:none; cursor:pointer; color:#ff3c3c }

a.btn:hover span { background:url(../images/design/btn-right-hover.png) no-repeat top right; }

/*===============Lightbox styles================================*/
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }

#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#lightbox-container-image { padding: 10px; }

#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none; }

#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; display: block; }

#lightbox-nav-btnPrev { left: 0; float: left; }

#lightbox-nav-btnNext { right: 0; float: right; }

#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }

#lightbox-container-image-data { padding: 0 10px; color: #666; }

#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }

#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }

/*================LINK GLOBALES===================================*/
.link01 a:link
{
color: #ffc500 !important;
text-decoration: none;
border-bottom: 1px solid #dddddd !important;
outline:none;
font-size:12px;
margin-bottom:5px;
}
.link01 a:visited
{
text-decoration: none;
color: #ccc;
outline:none;
}
.link01 a:hover
{
text-decoration: none;
color: #777777 !important;
outline:none;
}
.link01 a:active
{
text-decoration: none;
color: #777777;
outline:none;
}
/*----------------------------*/
a.link02
{
color: #0000d7 !important;
text-decoration: none;
border-bottom: 1px dashed #0000d7 !important;
outline:none;
margin-bottom:5px;
}
a.link02:visited
{
text-decoration: none;
color: #564040;
outline:none;
}
a.link02:hover
{
text-decoration: none;
color: #777777 !important;
outline:none;
}
a.link02:active
{
text-decoration: none;
color: #777777;
outline:none;
}
/*------------------------------------------------------*/
.link-image-derecha a { display:block; float:right; background:url(../images/interface/go.png) right center no-repeat; margin-right:10px; padding-right:35px; color:#164772; text-decoration:none}
.link-image-derecha a:hover {float:right; background:url(../images/interface/go2.png) right center no-repeat; margin-right:10px; padding-right:35px; color: #66b5d0;}