@charset "UTF-8";
/**
 * SaberWeb.com.ar | Hernan Beati 
*/

@media all
{

/* TAGS  */

address {
	font-family: "Lucida Sans Unicode", "Lucida Console", Verdana, Tahoma, Arial, Georgia, Helvetica, sans-serif;
	font-size: 1em;
	font-style:normal;
}

body { 
	margin:0px;
	padding:0px;
	background-color:#3399FF;
	background-image:url(fotos/pop.jpg);
	background-position:center top;
	font-family: "Lucida Sans Unicode", "Lucida Console", Verdana, Tahoma, Arial, Georgia, Helvetica, sans-serif;
	font-size: 1em;
}

fieldset {
	padding:10px;
	border:0px;
	margin-left:0px;
}

h2 {
	color:#FFFFFF;
	font-size:20px;
	margin-top:3px;
}

h3 {
	font-family:"Lucida Sans Unicode", "Lucida Console", Verdana, Tahoma, Arial, Georgia, Helvetica, sans-serif;
	font-size:18px;
	margin-top:0px;
	margin-left: 10px;
}

h5 {
	font-family:"Lucida Sans Unicode", "Lucida Console", Verdana, Tahoma, Arial, Georgia, Helvetica, sans-serif;
	font-size:14px;
	margin-top:0px;
	margin-left:10px;
}

input, textarea {
	font-size:1em;
	font-family:"Lucida Sans Unicode", "Lucida Console", Verdana, Tahoma, Arial, Georgia, Helvetica, sans-serif;
}

label {
	color:#FFFFF3;
}

legend {
	margin-bottom:5px;
}

/* Contextuales con TAGS */

h1 a span {
	display:none;
}

h1 span {
	display:block;
	position:absolute;
	margin-left:-9999px;
}

/* DIVS con ID */

#ad {
	background-image:url(fotos/saberweb.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	border-top:#FFFFFF dotted 1px;
	padding-top:30px;
	text-align:right;
	}

#c1, #c2, #c3 {
	float:left;
	text-align:left;
	margin-left:25px;
	width:27%;
}

#col { 
	width: 605px; 
	margin: 105px 0px 0px 145px; 
}

#col_content { 
	padding: 1px 10px;
}

#cont {
	width:200px;
	margin:25px auto;
}

#cs {
	background-repeat:no-repeat;
}

#destacar {
	padding:25px;
/*	background-color:#0099CC;*/
}

#home #footer, #xhtml #footer, #php #footer {
	margin-top:20px;
}

#footer {
	text-align:center;
	padding: 20px;
	background-image:url(fotos/bgfoot.gif);
	background-repeat:repeat-x;
	width:800px;
}

#header {
	position:absolute;
	right:0px;
	top:0px;
	width:336px;
	height:151px;
}

#ie_clearing{
	clear:both;
}

#infodisenio {
	background-color:#FFFFFF;
	width:95%;
	text-align:center;
}
#bgpage{
	background:url(fotos/mosaicoX.jpg) repeat-y;
}
#page {
	text-align:left;
	position:absolute;
	width:840px;
	left:50%;
	margin-left:-420px;
	background-image:url(fotos/bgX.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	margin-top: 30px;
}

#page_margins { 
	position:relative;
	width: 100%;
}

#proximo {
	position:absolute;
	left:340px;
	top:882px;
	width:244px;
	height:88px;
	z-index:1;
	background-color: #FF0000;
	overflow: auto;
}

/* Contextuales con ID */

#c3 label, #host label{
	display:block;
}

#c3 input, #c3 label,#c3 textarea, #host input, #host label, #host textarea, #host select{
	width:180px;
}

#copy, #copy a:link, #copy a:visited, #copy a:hover, #copy a:active {
	color:#ffffcf;
	font-weight:bold;
	text-align:center;
	font-size:10px;background-color:#3399CC;
}

#copy p span {
	padding:2px;
}

#cs span, #maquetacion h4 span {
	position:absolute;
	left:-9990px;
}

#destacar h3, #destacar p {
	color:#FFFFFF;
}
.fond .contenidoItem p {
	color:#000000;
}
div#cita {
	background: url(fotos/comilla_abre.gif) top left no-repeat; 
	padding-left:30px;
}

div#cita h3 {
	padding-right:70px;
	background: url(fotos/comilla_cierra.gif) bottom right no-repeat; 
	margin-left:55px;
	margin-bottom:40px;
	font-size:14px;
}

div.cita {
	padding-left:30px;
	background: url(fotos/comilla_abre.gif) top left no-repeat; 
	margin-bottom:25px;
	height:1%;
}

div.cita img {
	margin-bottom:10px;
}

div.cita h3 {
	padding-right:70px;
	background: url(fotos/comilla_cierra.gif) bottom right no-repeat; 
	margin-left:55px;
	margin-bottom:40px;
	font-size:14px;
}

#faqphp #listaEmpresas {
	background-color:#9999CC;
	margin:10px;
	padding-top:25px;
	padding-right:10px;
}
#php #listaEmpresas {
	background-color:#FFFFFF;
	margin:10px;
	padding-top:25px;
	padding-right:10px;
}

#faqxhtml #faq, #faqphp #faq {
	background-image:url(fotos/faq.gif);
	background-repeat:no-repeat;
	background-position:0 15px;
}

#faqxhtml #inscribirme {
	width:100%;
	margin:20px auto;
}

#xhtml #inscribirme {
	text-indent:-9999px;
}

#faqxhtml #listaEmpresas {
	background-color:#FF6600;
	margin:10px;
	padding-top:25px;
	padding-right:10px;
}

#faqxhtml .tabular, #faqphp .tabular {
	margin-left:100px;
}

#fotopdf {
	vertical-align:middle;
	
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color:#FFFFFF;
	font-weight:bold;
	padding:6px;
	display:block;
	width:90%;
} 

#footer a:hover {
	background-color:#3399CC;
	display:block;
	width:90%;
}

#footer h3 {
	color:#FFFFFF;
	font-size:16px;
	border-bottom:#FFFFFF dotted 1px;
}

#footer li {
	list-style-type:none;
	margin-left:-30px;
}

#header h1 a {
	display:block;
	width:240px;
	height:60px;
	margin-left: 80px;
}

#home h2{
text-shadow: 2px 2px 2px #000;
margin-bottom:-15px;
}

#home h4{
border: 1px solid #000000;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
padding: 3px;
background-color:#3399FF;
color:#FFFFFF;
} 
#home h4 a {
	color:#FFFFFF;
	padding:0.5em;
	font-size: 1em;
	text-decoration: none;
	text-align: center;
}
#home h4 a:hover {
	font-size: 1.05em;
	text-decoration:underline;
}
#p{
background-image:url(fotos/p.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left: 24px;
}

#m{ 
background-image:url(fotos/m.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left: 24px;
}

#d{
background-image:url(fotos/d.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left: 24px;
}

#infodisenio h4 {
	margin:0;
	padding:8px 0 0 0;
	width:180px;
	height:40px;
}
#inscribirme h4, #sabermas h4, #inscribirphp h4, #saberphp h4,#sabercss h4 {
	margin:0;
}

#inscribirme h4, 	#inscribirphp h4 {	
	background:url(fotos/inscribir.gif) center 8px no-repeat;
		height:45px;
}	

#inscripcionphp #faq {
	background-image:url(fotos/tagphp.gif);
	background-repeat:no-repeat;
	background-position:0 105px;
}

#inscripcionxhtml #faq {
	background-image:url(fotos/taghtml.gif);
	background-repeat:no-repeat;
	background-position:0 105px;
}
	
#infodisenio h4 a {	
	display:block;
	width:180px;
	height:40px;
}

#infodisenio p {	
	color:#000000;
	margin-top:15px;
}

#inscribirme h4 a, #sabermas h4 a,  #inscribirphp h4 a, #saberphp h4 a, #sabercss h4 a {
	display:block;
}

#infodisenio a:hover {
	background:url(fotos/descargar-pdf.jpg) center -40px no-repeat;
}
#maquetacion #infodisenio a:hover {
	background:url(fotos/descargar-css.jpg) center -40px no-repeat;
}
#inscribirme a:hover, #inscribirphp a:hover {
	background:url(fotos/inscribir.gif) center -43px no-repeat;
	height:45px;
}

#inscripcionxhtml #destacar, #xhtml #destacar {
	background-color:#FF6600;
}

 #mapa #destacar {
	background-color:#3399FF;
}

#metodologia #cs {
	background-image:url(fotos/metodologia.jpg);
	background-position:20px 0;
	width:450px;
	height:290px;
}

#metodologia #destacar, #docente #destacar, #testimonios #destacar, #pagos #destacar {
	background-color:#3399CC;
}

#nav_main li {
	display:inline;
	margin-left:10px;
}

#php #infodisenio a:hover {
	background:url(fotos/descargar-php.jpg) center -40px no-repeat;
}

#php #cs {
	background-image:url(fotos/php.jpg);
	background-position:20px 0;
	width:450px;
	height:290px;
}

#php #destacar {
	background-color:#9999CC;
}

#privacidad #destacar, #terminos #destacar {
	background-color:#FF9900;
}

#sabermas h4, #saberphp h4 {

}

#sabermas a:hover, #saberphp a:hover {

}

#xhtml #cs {
	background-image:url(fotos/xhtml-css.jpg);
	background-position:60px 0;
	width:450px;
	height:265px;
}
#maquetacion #cs {
	background-image:url(fotos/maquetacion.jpg);
	background-position:60px 0;
	width:450px;
	height:265px;
}
 
#xhtml #footer, #php #footer, #mapa #footer {
	margin-top:-50px;
}

#php #infodisenio h4 {
	background:url(fotos/descargar-php.jpg) center 8px no-repeat;
	text-align:center;
	text-indent:-9999px;
}
#xhtml #infodisenio h4 {
	background:url(fotos/descargar-pdf.jpg) center 8px no-repeat;
	text-align:center;
	text-indent:-9999px;
}

#maquetacion #infodisenio h4 {
	background:url(fotos/descargar-css.jpg) center 8px no-repeat;
	text-align:center;
	text-indent:-9999px;
}

/* Class */

.blanco {
	margin-top:28px;
}

.bread {
	margin-bottom:25px;
	background-image:url(fotos/bg.png);
	padding:5px;
}

.caja {
	padding:0 3% 0 3%;
	margin:1em 0 0 0;
	float:left;
	width: 95%;
}

.clear {
	clear:both;
	line-height: 1%;
}

.epigrafe {
	float:left;
	width:115px;
	text-align:center;
	height:170px;
}

div.epigrafe img {
	margin-bottom:10px;
}

.fond {
	background-color:#CCCCCC;
	padding:10px;
}

.htm{
	padding: 10px;
	background-color: #000;
}

.map {
	width:200px;
	height:50px;
}

p.map span {
	color:#FFFFFF;
	padding-left:30px;
}

p.map a {
	margin-top:60px;
	margin-left:12px;
	background-image:url(fotos/mapa.gif);
	background-repeat:no-repeat;
}

.margen {
	margin-left:85px;
	margin-bottom:40px;
	font-size:14px;
}

.margenAbajo {
	margin-bottom:60px;
}

.oblig {
	color:#FF0000;
	font-weight:bold;
}

.pdf {
	margin-top:30px;
	background-color:#FFFFFF;
	padding:15px;
	vertical-align:middle;
	text-align:center;
}

.primero {
	margin-top:20px;
}

.rect {
	background-color:#FFFFFC;
	margin:20px 0px 0 3px;
	padding:10px;
	height:1%;
}

.techo {
	margin-bottom:30px;
	margin-top:30px;	
}

/* Contextuales con Class */

.rect p {
	font-size:11px;
	font-weight:bold;
	margin: -10px 10px 0 10px;
}

/* Rollover */
.tituloItem{
  
    font-weight: bold;
	font-size:14px;
	margin-bottom:15px;
/*	 border-bottom:solid 6px #CCCCCC;*/
}

.contenidoItem{
    border-left: 1px dotted #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    padding-left: 10px;
    padding-bottom: 3px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 10px;
}

.contenidoItem p{
    margin: 3px;
}
	   
 li.tituloItem {
	list-style:none;
	list-style-image:url(fotos/tag.gif);	   
}

#fm-form label{
font-size:0.8em;
}

.donde{
color:#FFCC00;
}

#dineromail{
background-color:#FFFFFF;
padding:1em;
text-align:center;
margin:0 auto;
}
#ad{

}
#xhtml #neg, #maquetacion #neg{
color:#000000;
}
#d a, #d a:link, #d a:visited, #d a:active, #d a:focus, #p a, #p a:link, #p a:visited, #p a:active, #p a:focus, #m a, #m a:link, #m a:visited, #m a:active, #m a:focus{
color:#FFFFFF;
text-decoration:none;
}

#d a:hover, #p a:hover, #m a:hover{
color:#FFFFFF;
text-decoration:underline;
font-size:1.1em;
}

#maquetacion #destacar{
background-color:#FF3366;
}
#maquetacion #listaEmpresas h3 {
color:#FF3366;
}
#xhtml #listaEmpresas h3 {
color:#FF6600;
}
#container form{
margin:0;padding:0;
}
#container fieldset{
margin:1em 0;border:none;border-top:1px solid #ccc;
}
#container legend{
margin:1em 0;padding:0 .5em;color:#036;background:transparent;font-size:1.3em;font-weight:bold;
}
#container label{
float:left;width:100px;padding:0 1em;text-align:right;color:#000000;}
#container fieldset div{
margin-bottom:.5em;padding:0;display:block;}
#container fieldset div input,#container fieldset div textarea{width:150px;border-top:1px solid #555;border-left:1px solid #555;border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:1px;color:#333;}
#container fieldset div select{padding:1px;}
#container div.fm-multi div{margin:5px 0;}
#container div.fm-multi input{width:1em;}
#container div.fm-multi label{display:block;width:200px;padding-left:5em;text-align:left;}
#fm-submit{clear:both;padding-top:1em;text-align:center;}
#fm-submit input{border:1px solid #333;padding:2px 1em;background:#3399CC;color:#fff;font-size:100%;}
#container input:focus,textarea:focus{background:#3399CC;color:#000;}
#container fieldset div.fm-req{font-weight:bold;}
#container fieldset div.fm-req label:before{content:"* ";}
body {color:#333;text-align:center;}
#container{margin:25px auto 0;padding:1em;width:350px;text-align:left;
}
#php #container {background-color:#9999CC;}
#inscripcionphp #container {background-color:#9999CC;}
#inscripcionxhtml #container,#xhtml #container  {background-color:#FF6600;}
#maquetacion #container{
background-color:#FF3366;
}
p#fm-intro{margin:0;}


}