/* CSS Document */


body 	{
	font-family : Verdana, Arial, helvetica, sans-serif;
	font-size : 12px;
	line-height : 17px;
	color : #505050;
	}

li 	{
	line-height : 19px;
	}


ul	{	
	margin : 0;
	}


input 	{
	font-family : Verdana, Arial, helvetica, sans-serif;
	color : #505050;
	font-size : 12px;
	vertical-align : middle;
	}



h2 	{

	line-height: normal;
	font-size: 18px;

	}

h3	 {
	line-height : normal;
	font-size : 12px;
	}

form 	{
	margin : 0;
	}


img 	{
	display : block;
	}

a	 {
	font-family : Verdana, Arial, helvetica, sans-serif;
	color : #2c76e3;
	text-decoration : none;
	}


a:hover {	
	text-decoration : underline;
	}


.underline 	{
		text-decoration : underline;
		}

ul.unbulleted {
		list-style-type : none;
		padding-left : 0;
		}


ul.noindent 	{
		padding-left : 15px;
		}


#page-wrapper {
		width : 900px;
		margin : 0 auto 0 auto;
		padding : 0 0px;
		}


#page-content {
		min-height : 500px;
		height : auto !important ;
		height : 500px;
		}

#page-header-left {
			float : left;
		}

#page-header-right {
float : right;
}
#top-nav {
clear : both;
display : block;
}
.clearer-div {
clear : both;
}
.superscript {
font-size : 9px;
position : relative;
top : -4px;
}
.ghost {
color : #bababa;
}
.panel {
float : left;
font-size : 11px;
}
.panel-content {
padding-top : 10px;
padding-left : 14px;
padding-right : 5px;
}
.panel-content .text-block {
height : 130px;
}
.panel-content img {
float : right;
padding-right : 7px;
}
.panel-image {
width : 208px;
height : 121px;
border : 1px solid red;
margin-top : 9px;
}
.panel h2 {
margin : 0;
font-family : Trebuchet MS, Lucida Sans, sans-serif;
font-size : 18px;
font-weight : normal;
}
a.link-panel {
color : #505050;
display : block;
width : 100%;
height : 100%;
}
a.link-panel:hover {
text-decoration : none;
}

#panels (line 31)

{

margin-top: 10px;

margin-right: 0px;

margin-bottom: 8px;

margin-left: 0px;

}

#panels (line 180)

{

margin-top: 14px;

margin-right: 0px;

margin-bottom: 19px;

margin-left: 0px;

}

/*#panels {
margin : 10px 0 8px 0;
}*/
.panel {
width : 230px;
height : 190px;
}


#panel1, #panel2, #panel3 (line 43)

{

margin-right: 10px;

}

#panel1, #panel2 (line 197)

{

margin-right: 9px;

border-right-width-value: 1px;

border-right-style-value: solid;

border-right-color-value: #cccccc;

border-right-width-ltr-source: physical;

border-right-width-rtl-source: physical;

border-right-style-ltr-source: physical;

border-right-style-rtl-source: physical;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

}

#panel1, #panel2, #panel3 (line 202)

{

background-color: transparent;

background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-position: 0% 0%;

}

#swf{	width: 950px;
		margin :10px auto 0 auto;}

.hero-content {
padding-left : 350px;
padding-top : 121px;
padding-right : 90px;
}

#hero h1 {
color : #4d9f19;
margin : 0;
margin-bottom : 5px;
font-size : 28px;
}
#hero h2 {
color : #fec82a;
margin : 0;
font-weight : normal;
font-size : 18px;
font-family : Trebuchet MS, Lucida Sans, sans-serif;
}
#button-container {
margin : 12px 0 0 320px;
text-align : center;
width : 164px;
}
#sign-up-button {
background : url(img/project_sign_up_164x53.png) no-repeat;
width : 164px;
height : 53px;
display : block;
}
#sign-up-button:hover {
background : url(img/project_sign_up_hover_164x53.png) no-repeat;
text-decoration : none;
}
#feature-list {
font-size : 14px;
color : #ffffff;
margin-top : 12px;
}
#feature-list div {
height : 21px;
background : url(img/project_checkmark_green_19x16.png) no-repeat;
padding-left : 30px;
margin-top : 8px;
}
#description {
top : 836px;
}
#description h2 {
padding-bottom : 0;
margin-top : 0;
margin-bottom : 0;
}
#description p {
padding-top : 1px;
margin-top : 1px;
}
#page-footer {
border-top : none !important ;
}
#sub-panel-decoration {
background : url(img/project_sbu_bottom_bar_743x29.gif) no-repeat;
width : 743px;
height : 29px;
margin : auto;
color : #505050;
text-align : center;
}
#sub-panel-decoration span {
position : relative;
top : 5px;
}
#page-header {
margin: 0 0 0px 45px;
}
#baner { float: right;}
#main-logo {float:left;
			}

#page-footer {
border-top : 1px solid #cccccc;
padding-top : 20px;
text-align : center;
}
.page-footer {
font-size : 11px;
text-align : center;
}
.page-footer a {
color : #505050;
}
.page-footer a:hover {
color : #365ebf;
text-decoration : none;
}
#copyright {
color : #999999;
font-size : 11px;
}
#survey_link {
margin-top : 15px;
margin-bottom : 5px;
}
.survey_link a {
font-family : Verdana;
color : #2b73dd;
text-decoration : none;
font-size : 11px;
}
.survey_link a:hover {
text-decoration : underline;
}
.survival-kit {
font-size : 9px;
}
div.survival-kit {
height : 100px;
text-align : right;
margin-right : 8px;
margin-top : 6px;
height : 26px;
}
.input-label {
line-height : normal;
}
.textinput {
border : 1px solid #999999;
height : 15px;
padding : 2px 5px 1px 5px;
}
#login {
width : 109px;
margin-right : 9px;
}
#password {
width : 88px;
margin-right : 4px;
}
#searchbox {
width : 245px;
}
#ubernav {
margin-bottom : 13px;
}
#ubernav a {
margin-right : 21px;
font-size : 11px;
color : #505050;
}
#ubernav a:hover {
text-decoration : none;
color : #365ebf;
}
#description {
position : absolute;
width : 900px;
margin : 0 auto;
}
#description td {
padding : 0 15px;
vertical-align : top;
width : 50%;
}
#description h2 {
font-size : 12px;
}
#page-header input {
margin-top : 4px;
margin-bottom : 4px;
}


CSS - http://www.intuit.com/website-building-software/

    * Collapse All
    * Expand All

http://www.intuit.com/website-building-software/
Embedded Styles from http://www.intuit.com/website-building-software/

.mboxDefault { visibility:hidden; }

<!--
#panel1 { width: 470px; position:relative; }
#panel1 .panel-content { padding-left:20px; }
#domain-search { margin-top:44px; height:22px; }
#domain-search-error { margin-top:3px; }
#domain-www { font-size:12px; }
#domain-input { width:150px; vertical-align:baseline;  }
#check-avail-button { margin:0px 0px 5px 18px; }
input.error { border: 2px solid red; }
div.error { color: red; }
.panel { width: 230px; height: 190px; }
#panels {
margin: 10px auto 0px auto;
width:950px;
}
div.panel-content { height: 190px; }
/* For the promotional panels */


#panel1, #panel2 { margin-right: 10px; }*/
/* Stylings for the hero element */

·panel2{ float: left;}

#hero h1 {
color: #F0640F;
margin: 0px;
margin: 6px 13px 13px 15px;
font-size: 24px;
}
#hero h2 {
margin: 0px;
padding-top: 3px;
}
#hero .inline-link { color: #505050; display: inline; }
/* NOTE: if this is part of the hero div, you would have to subtract paddings from widths. So we use a nested div
for simplicity. */
.hero-content {
padding-left: 12px;
padding-top: 10px;
padding-right: 10px;
}
/* Styles for the steps */
.step { padding-left: 54px; margin-bottom: 13px; }
#step1 { background: url(img/project_gray_circle_1_29x29.gif) 19px 0px no-repeat; }
#step2 { background: url(img/project_gray_circle_2_29x29.gif) 19px 0px no-repeat; }
#step3 { background: url(img/project_gray_circle_3_29x29.gif) 19px 0px no-repeat; }
/* Contains the try free button and the subtext */
#try-area { float: right; margin-top: 6px; width: 100%; text-align: center; }

#try-free-button { background: url(img/project_try_it_free_184x54.png) no-repeat; width: 184px; height: 54px; display: block; margin: 0px auto; } 
#try-free-button:hover { background: url(img/project_try_it_free_hover_184x54.png) no-repeat; text-decoration: none; cursor: hand;}

#trial-message { margin: 5px auto 0px auto; font-size: 11px; line-height:14px; font-weight: bold; font-family: Trebuchet MS,Lucida Sans,sans-serif; }
#description { top: 900px; }
#product-brand { float: right; }
#headline { margin: 22px 0px 20px; }
#headline h1 { margin: 0px; float: left;}
#headline img { float: right; }
#page-subfooter { margin-top: 12px; font-size: 11px; }
#flashcontent {
width: 541px;
height: 341px;
float: left;
}
#hiw	{
width: 375px;
float: right;
}
#no-flash {
background: url(img/project_noFlash_540x340.png) no-repeat;
width: 540px;
height: 340px;
}
-->

<!--
/* For login boxes -- needs to be here for runtime formfiller */
#page-header input { margin-top: 4px; margin-bottom: 4px; }
-->

#flashcontent {visibility:hidden}


http://www.intuit.com/site/css/global-v1.css

html {

filter: expression(document.execCommand("BackgroundImageCache", false, true));

}

body {

font-family: Verdana, Arial, helvetica, sans-serif;

font-size: 12px;

line-height: 17px;

color: #505050;

}

li {

line-height: 19px;

}

ul {

margin: 0px;

}

input {

font-family: Verdana, Arial, helvetica, sans-serif;

color: #505050;

font-size: 12px;

vertical-align: middle;

}

h1 {

line-height: normal;

color: #365EBF;

font-family: Trebuchet MS, Lucida Sans, sans-serif;

font-size: 24px;

margin: 22px 0px 20px 40px;

font-weight: bold;

}

h2 { line-height: normal; font-size: 18px; }

h3 { line-height: normal; font-size: 12px; }

form { margin: 0px; }

img { display: block; }

a { font-family: Verdana, Arial, helvetica, sans-serif; color: #2C76E3; text-decoration: none; }

a:hover { text-decoration: underline; }

.underline { text-decoration: underline; }

ul.unbulleted {

list-style-type: none;

padding-left: 0px;

}

ul.noindent {

padding-left: 15px;

}

#page-wrapper {

width: 900px;

margin: 0 auto 0 auto;

padding: 0px 8px;

}

#page-content {

min-height: 500px;

/**/

height: auto !important;

height: 500px;

}

#page-header-left {

float: left;

}

#page-header-right {

float: right;

}

#top-nav {
width:900px;
clear: both;
padding:0 0 0 0px;
display: block;

}

.clearer-div {

clear: both;

}

.superscript {

font-size: 9px;

position: relative;

top: -4px;

}

.ghost { 

color: #bababa;

}

http://www.intuit.com/site/css/promo-panels-default.css

.panel {font-size: 11px;
	width:900px; }

.panel-content { padding-top: 10px; padding-left: 14px; padding-right: 5px; }

.panel-content .text-block { height: 130px; }

.panel-content img { float: right; padding-right: 7px; }

.panel-image { width: 208px; height: 121px; border: 1px solid red; margin-top: 9px; }

.panel h2 { margin: 0px; font-family: Trebuchet MS, Lucida Sans, sans-serif; font-size: 18px; font-weight: normal; }

/* General link panel stylings */

a.link-panel {

color: #505050;

display: block;

width: 100%;

height: 100%;

}

a.link-panel:hover {

text-decoration: none;

}

a.link-panel * {

cursor: hand;

}

http://www.intuit.com/site/css/menu.css

/*

This is the css file for the mle-menu. The menu is completely based on nested/styled UL LI tags

with javascript class managing. It works closely with mle-menu.ptjs, but should be designed so

that things look okay if the javascript fails.

*/

/*this is the css for the horizontal version*/

.horizontal ul{

list-style-type: none;

padding: 0px;

margin: 0px;

display: block;

}

.horizontal li {

float: left;

display: inline;

padding: 0px;

margin: 0px;

width: auto;

}

.horizontal li li {

clear: both;

display: block;

}

.horizontal li ul{

position: absolute; 

border: none;

display: block;

height: auto;

padding: 0px;

margin: 0px;

}

.horizontal li li ul{

position: absolute;

padding: 0px;

margin: 0px;

}

.horizontal li a:hover{

text-decoration: none;

}

/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/

/*Not sure if I recommend this or not*/

.inaccesible li ul{

display: none;

}

div.bluegrad ul {


margin: 0px;

height: 32px;

}

div.bluegrad li li#intuit-community {

width: 188px;

height: 131px;

}

div.bluegrad li li#intuit-community span#body-text {

font: 11px Verdana, Arial, sans-serif;

color: #505050;

text-decoration: none;

display: block;

width: 166px;

line-height: 17px;

margin: 0px 11px 0px 11px;

}

div.bluegrad li li a#intuit-community-logo-link {

background-image: none;

padding-left: 0px;

margin: 11px 0px 0px 1px;

}

div.bluegrad li li a#visit-intuit-community-link {

text-align: left;

color:#2C76E3;

font: 11px Verdana, Arial, sans-serif;

text-decoration: none;

display: block;

width: 172px;

height: 30px;

line-height: 29px;

padding-top: 3px;

padding-left: 12px;

background-image: none;

}

div.bluegrad li li a:hover#visit-intuit-community-link {

text-decoration: underline;

}

div.bluegrad li li a {

text-align: left;

color: black;

font: 13px Verdana, Arial, sans-serif;

text-decoration: none;

display: block;

width: 172px;

height: 30px;

line-height: 29px;

padding-left: 5px;

}

div.bluegrad li a {

text-align: center;

display: block;

width: 120px;

height:32px;

color: white;

text-decoration: none;

font-family: Verdana, Arial, sans-serif;

font-size: 13px;

font-weight: bold;

line-height: 31px;

}

/*

NOTE: We are using spriting for the nav element (moving a single image through different "frames")

to avoid image flicker in IE and to speed things up. Consult the internet on IE flicker or

spriting for more information.

*/

/* First level nav backgrounds */

div.bluegrad li.level1 a{

background: url(img/project_bluegradpattern_sprite_10x96.jpg) repeat-x;

}

div.bluegrad li.level1_selected a {

background: url(img/project_bluegradpattern_sprite_10x96.jpg) repeat-x 0px -64px;

}

div.bluegrad li.level1 a:hover, div.bluegrad li.level1_persist a, div.bluegrad li.level1_selected a:hover, div.bluegrad li.level1_persist_selected a {

background: url(img/project_bluegradpattern_sprite_10x96.jpg) repeat-x 0px -32px;

}

/* Beginning cap */

div.bluegrad li.level1_firstElement a{

background: url(img/project_bluestartcap_sprite_900x96.gif) no-repeat;

}

div.bluegrad li.level1_firstElement_selected a {

background: url(img/project_bluestartcap_sprite_900x96.gif) no-repeat;

}
div.bluegrad li.level1_firstElement_selectedd a {

background: url(img/project_bluestartcap_sprite_900x96.gif) no-repeat right 0px/*-350px -64px*/;

background-attachment: scroll;

}

div.bluegrad li.level1_firstElement_selectedi a {

background: url(img/project_bluestartcap_sprite_900x96.gif) no-repeat 0px -64px;

background-attachment: scroll;

}



div.bluegrad li.level1_selected a

{

background-color: transparent;

background-image: url(/site/images/project/menus/project_bluegradpattern_sprite_10x96.jpg)repeat-x 0px -64px;


background-attachment: scroll;



}

div.bluegrad li.level1_firstElement a:hover, div.bluegrad li.level1_firstElement_persist a, div.bluegrad li.level1_firstElement_persist_selected a, div.bluegrad li.level1_firstElement_selected a:hover {

background: url(img/project_bluestartcap_sprite_900x96.gif) no-repeat 0px -32px;

}

/* Ending cap */

div.bluegrad li.level1_lastElementd a{

background: url(img/project_blueendcap_sprite_900x96.gif) no-repeat right -64px;

}

div.bluegrad li.level1_lastElement a{

background: url(img/project_blueendcap_sprite_900x96.gif) no-repeat right 0px;

}





div.bluegrad li.level1_lastElement_selected a {

background: url(img/project_blueendcap_sprite_900x96.gif) no-repeat right -64px;

}

div.bluegrad li.level1_lastElement a:hover, div.bluegrad li.level1_lastElement_persist a, div.bluegrad li.level1_lastElement_persist_selected a, div.bluegrad li.level1_lastElement_selected a:hover {

background: url(img/project_blueendcap_hover_900x32.gif) no-repeat right 0;

}

/**/

div.bluegrad #intuit-community-logo {

background: url(img/community_logo_188x22.gif) no-repeat; 

border: none;

}

div.bluegrad li#intuit-community {

background: url(img/community_nav_dropdown_188x131.gif) bottom no-repeat;

border: none;

margin-left: 0px;

}

.nav_item_separator { 	display: inline; 
						overflow: hidden; 
						float: left; 
						width: 2px; 
						height: 32px; 
						background: url(img/project_blueseparator_2x32.gif) no-repeat; }

http://www.intuit.com/site/css/logged-out.css

/* Styles for general layout */

#page-header { margin-bottom: 6px; }

#page-footer { border-top: 1px solid #CCCCCC; padding-top: 20px; text-align: center; }

.page-footer { font-size: 11px; text-align: center; }

.page-footer a { color: #505050; }

.page-footer a:hover { color: #365EBF; text-decoration: none; }

#copyright { color: #999999; font-size: 11px; }

#survey_link { margin-top: 15px; margin-bottom: 5px;}

.survey_link a { font-family: Verdana; color: #2b73dd; text-decoration: none; font-size: 11px; }

.survey_link a:hover { text-decoration: underline; }

/* Styles for the login / search boxes (survival kit) */

.survival-kit { font-size: 9px; }

div.survival-kit { height: 100px; text-align: right; margin-right: 8px; margin-top: 6px; height: 26px; }

.input-label { line-height: normal; }

.textinput { border: 1px solid #999999; height: 15px; padding: 2px 5px 1px 5px; }

#login { width: 109px; margin-right: 9px; }

#password { width: 88px; margin-right: 4px; }

#searchbox { width: 245px; }

/* Styles for the ubernav */

#ubernav { margin-bottom: 13px; }

#ubernav a { margin-right: 21px; font-size: 11px; color: #505050; }

#ubernav a:hover { text-decoration: none; color: #365EBF; }

/* Styles for the text */

#description { position: absolute; width: 900px; margin: 0px auto; }

#description td { padding: 0px 15px; vertical-align: top; width: 50%; }

#description h2 { font-size: 12px; }/* CSS Document */

/*++++++++++++++++++null+++++++++++++++++++++*/

.tiny-label{	font-size: 9px;
				line-height: 11px;

}

.prod-container {	width: 119px;
					float: left;
					text-align: center;
}


.box-img
{

margin-left: auto;

margin-right: auto;

cursor: pointer;

}


#qb-box 

{

background-color: transparent;

background-image: url(img/desarrollo_box.png);

background-repeat: no-repeat;

background-attachment: scroll;

background-position: 0% 0%;

margin-top: 17px;

height: 106px;

width: 86px;

}



#op-box
{

background-color: transparent;

background-image: url(img/kimeltu_box.png);

background-repeat: no-repeat;

background-attachment: scroll;

background-position: 0% 0%;

margin-top: 17px;

height: 106px;

width: 86px;

}



#ws-box 
{

background-color: transparent;

background-image: url(img/diseno_box.png);

background-repeat: no-repeat;

background-attachment: scroll;

background-position: 0% 0%;

margin-top: 17px;

height: 106px;

width: 86px;

}

.hero-content{

padding-left: 350px;

padding-top: 121px;

padding-right: 90px;

}

.hero-content{

padding-left: 330px;

padding-top: 40px;

padding-right: 57px;

line-height: 15px;

}


#hero {

width: 900px;

height: 215px;

margin:10px 0 0 40px;

background-color: transparent;

background-repeat: no-repeat;

background-attachment: scroll;

background-position: 0% 0%;

}


#panels h1 

{

font-size: 22px;

font-weight: normal;

color: #307fe6;

margin:20px 0 15px 40px; 

}

.panel h2 {

font-size: 18px;

font-weight: normal;

padding-left: 53px;

}




.panel .panel-content{

padding-top: 0px;

}

#get-these-free {

background-color: transparent;

background-image: url(img/project_get_these_free_166x49.png);

background-repeat: no-repeat;

background-attachment: scroll;

background-position: 0% 0%;

width: 166px;

height: 49px;

margin-top: 97px;

float: right;

}

#get-these-free:hover {

background-color: transparent;

background-image: url(img/project_get_these_free_hover_166x49.png);

background-repeat: no-repeat;

background-attachment: scroll;

background-position: 0% 0%;

text-decoration: none;

}

.panel-content (line 2)

{

padding-top: 10px;

padding-left: 14px;

padding-right: 5px;

}

.panel .panel-content (line 195)

{

padding-top: 0px;

}

ul (line 13)

{

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

}

.panel ul (line 193)

{

padding-top: 0px;

padding-right: 0px;

padding-bottom: 14px;

padding-left: 67px;

}

#panels td { margin-left:10px}

http://fefa.tumblr.com/


.index{ background: url(img/bg_gral.png) no-repeat;
	width:300px;
	height:200px;
	border: solid 1px #cccccc;}



/*++++++++++++++productos++++++++++++++++*/
.productos{	width:920px;
		margin-left:50px;
		margin-top:-50px;
}

.servicios{	width:920px;
		margin-left:50px;
		margin-top:-20px;

}

.bg_tableta_carrito{	background: url(img/carrito_.png) no-repeat;
			width:810px;
		        height:320px;
			margin-left:90px;}
		

.bg_tableta_opengu{	background: url(img/opengu_.png) no-repeat;
			width:810px;
		        height:320px;
			margin-left:90px;}


.bg_tableta_digraf{	background: url(img/digraf_.png) no-repeat;
			width:810px;
		        height:320px;
			margin-left:100px;}


.bg_tableta_diweb{	background: url(img/diswe_.png) no-repeat;
			width:810px;
		        height:320px;
			margin-left:100px;}




.bg_tableta_dicorp{	background: url(img/disco_.png) no-repeat;
			width:810px;
		        height:320px;
			margin-left:105px;}



/*.trprod {border: solid 1px #cccccc;}*/

.kimeltu{ 	background:url(img/kimeltu.png) no-repeat;
		font-size:10px;
		color:#;
		width:200px;
		height:190px;
		padding:0 0 70px 42px;
		
	}




.carrito{ 	background:url(img/carrito.png) no-repeat;
		font-size:10px;
		color:#;
		width:400px;
		height:200px;
		padding:0px 0 60px 30px;
	}


.carrito_{ 	/*background:url(img/carrito.png) no-repeat;*/
		font-size:10px;
		color:#;
		width:400px;
		height:150px;
		padding:0 0 10px 42px;
	}





.opengu{ 	background:url(img/opengu.png) no-repeat;
		font-size:10px;
		color:#;
		width:400px;
		height:150px;
		padding:0 0 60px 42px;
	}

.opengu_{ 	/*background:url(img/opengu.png) no-repeat;*/
		font-size:10px;
		color:#;
		width:400px;
		height:150px;
		padding:0 0 10px 42px;
	}



.chucao{ 	background:url(img/chucao.png) no-repeat;
		font-size:10px;
		color:#;
		width:300px;
		height:130px;
		padding:0 0 25px 42px;
	}

/*+++++++++++++/productos+++++++++++++++*/

/*+++++++++++++servicios+++++++++++++++*/

.desarrollo{ 	background:url(img/desa.png) no-repeat;
		font-size:10px;
		color:#;
		width:200px;
		height:190px;
		padding:0 0 90px 42px;
		
	}

.firewall{ 	background:url(img/firewa.png) no-repeat;
		font-size:10px;
		color:#;
		width:410px;
		height:200px;
		padding:0 0 140px 42px;
		margin:0 0 0 0px;
	}

.servidores{ 	background:url(img/servidores.png) no-repeat;
		font-size:10px;
		color:#;
		width:50px;
		height:200px;
		padding:0 0 70px 42px;
		margin:0 0 0 0px;
	}

.migracion{ 	background:url(img/migracion.png) no-repeat;
		font-size:10px;
		color:#;
		width:410px;
		height:200px;
		padding:0 0 40px 42px;
		margin:0 0 0 0px;
	}


.open{ 	background:url(img/opensource.png) no-repeat;
		font-size:10px;
		color:#;
		width:410px;
		height:200px;
		padding:0 0 60px 42px;
		margin:0 0 0 0px;
	}


.diseno{ 	background:url(img/diseno.png) no-repeat;
		font-size:10px;
		color:#;
		width:410px;
		height:200px;
		padding:0 0 50px 42px;
		margin:0 0 0 0px;
	}

.soporte{ 	background:url(img/soporte.png) no-repeat;
		font-size:10px;
		color:#;
		width:410px;
		height:200px;
		padding:0 0 60px 42px;
		margin:0 0 0 0px;
	}


/*+++++++++++opensource+++++++++++++*/



.screen{ 	/*background:url(img/bg_des.png) no-repeat;*/
		font-size:10px;
		color:#;
		width:492px;
		height:200px;
		padding:0 0 15px 42px;
		margin:0 0 0 30px;
	}


/*++++++++++++++++++formulario de contacto++++++++++++++++++++++*/

#formulario {  background:url(img/contacto_bg.jpg)no-repeat ;
	height:235px;
	width: 617px;
	color:#1988bc;	
	margin-left:150px;
	padding:0 0 0 50px;
	/*margin-right:auto;*/
	margin-top:40px;

	}


/*#formulario {  background:url(img/contacto.png);
	height:250px;
	width: 546px;
	color:#1988bc;	
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
}*/



.datosdirectos{ width:228px;
		font-size:12px;
		padding-left:10px;
				
}

.datos{ 	width:310px;
		font-size:12px;
		margin-left:10px;	
		
}

/*+++++++++++++diseño++++++++++++++*/

.disenog{ 	background:url(img/disgraficp.png) no-repeat;
		font-size:10px;
		color:#;
		width:410px;
		height:225px;
		padding:0 0 40px 42px;
		margin:0 0 0 30px;
	}

.disenog_{ /*	background:url(img/disgraficp.png) no-repeat;*/
		font-size:10px;
		color:#;
		width:410px;
		height:225px;
		padding:0 0 40px 42px;
		margin:0 0 0 30px;
	}




.disenow{ 	background:url(img/diseweb.png) no-repeat;
		font-size:10px;
		color:#;
		width:410px;
		height:225px;
		padding:0 0 25px 42px;
		margin:0 0 0 30px;
	}


.disenow_{ 	/*background:url(img/diseweb.png) no-repeat;*/
		font-size:10px;
		color:#;
		width:410px;
		height:225px;
		padding:0 0 25px 42px;
		margin:0 0 0 30px;
	}





.disenoc{ 	background:url(img/imagen.png) no-repeat;
		font-size:10px;
		color:#;
		width:410px;
		height:225px;
		padding:0 0 25px 42px;
		margin:0 0 0 30px;
	}



.disenoc_{/* 	background:url(img/imagen.png) no-repeat;*/
		font-size:10px;
		color:#;
		width:410px;
		height:225px;
		padding:0 0 25px 42px;
		margin:0 0 0 30px;
	}