@charset "utf-8";
/*------------------------------------------------------------------------------------------------------------
	Osvaldo Hernandez
	Theme URL: Oaxaca Digital
	Description: Sitio Web Oficial de Oaxaca Digital .
	Author: Gosh Hernandez
	Author URI: http://goshmx.com
	Version: 2.0
------------------------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1;
	 background-image:url(images/back.jpg);
	 background-repeat:repeat-x;
	 background-color:#364758;
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}
p{ padding-bottom:15px;}

/*//////CONTENEDORES///////////*/
.wrap{
position: absolute;
top:0%;
left:50%;
width:780px;
margin-left:-390px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#cccccc;
letter-spacing:0px;
padding-bottom:20px;

}
.contenedor{
width:780px;
height:630px;
}
.header{
width:780px;
height:58px;
padding-left:10px;
}
.contenido{
width:780px;
height:386px;
padding:20px 30px 10px 30px;}
.principal{
padding:60px 10px 10px 37px;}
.contenido_info{
padding:20px 40px 0 0;}
.cont_left_1{
float:left;
width:370px;
padding:0 10px 0 0;}
.cont_left_2{
float:right;
width:335px;}
.cont_left_3{
float:left;
width:290px;}
.cont_left_4{
float:left;
width:380px;}
.info{
padding-bottom:10px;}
.contenido2{
width:780px;
height:60px;
padding:70px 0 0 156px;}
.footer{}

/*//////HEADER/////*/
#logo{
  width: 247px;
  height: 57px;
  position: relative;
  float:left;
}
 
#logo span {
  background: #FFF url("images/logo.jpg") no-repeat top left;
  position: absolute;
  width: 100%;
  height: 100%;
}
#menu{
width:533px;
height:58px;
padding-top:27px;
float:left;}

#inicio { position:relative; width: 76px; height:31px; overflow:hidden; float:left;} 
#inicio a:link, #inicio a:active, #inicio a:visited { z-index:1; display:block; left:0; top:0; width: 76px; height:31px; background:url(images/menus.jpg) no-repeat 0px 0px; text-indent:-5000px; } 
#inicio a:hover { background-position:-0px -31px; }

#somos { position:relative; width: 83px; height:31px; overflow:hidden; float:left;} 
#somos a:link, #somos a:active, #somos a:visited { z-index:1; display:block; left:0; top:0; width: 83px; height:31px; background:url(images/menus.jpg) no-repeat -76px 0px; text-indent:-5000px; } 
#somos a:hover { background-position:-76px -31px; }

#servicios { position:relative; width: 99px; height:31px; overflow:hidden; float:left;} 
#servicios a:link, #servicios a:active, #servicios a:visited { z-index:1; display:block; left:0; top:0; width: 99px; height:31px; background:url(images/menus.jpg) no-repeat -159px 0px; text-indent:-5000px; } 
#servicios a:hover { background-position:-159px -31px; }

#proyectos { position:relative; width:99px; height:31px; overflow:hidden; float:left;} 
#proyectos a:link, #proyectos a:active, #proyectos a:visited { z-index:1; display:block; left:0; top:0; width:99px; height:31px; background:url(images/menus.jpg) no-repeat -262px 0px; text-indent:-5000px; } 
#proyectos a:hover { background-position:-262px -31px; }

#contacto { position:relative; width:97px; height:31px; overflow:hidden; float:left;} 
#contacto a:link, #contacto a:active, #contacto a:visited { z-index:1; display:block; left:0; top:0; width:97px; height:31px; background:url(images/menus.jpg) no-repeat -361px 0px; text-indent:-5000px; } 
#contacto a:hover { background-position:-361px -31px; }

/*//////PRINCIPAL/////*/
.principal_cont{
width:595px;
height:233px;
padding:17px 0 0 277px;
background:url(images/descripcion.jpg) no-repeat 0px 0px;}



/*//////CONTENIDO 2/////*/
#friendfeed { position:relative; width:167px; height:39px; overflow:hidden; float:left;} 
#friendfeed a:link, #friendfeed a:active, #friendfeed a:visited { z-index:1; display:block; left:0; top:0; width:167px; height:39px; background:url(images/friendfeed.jpg) no-repeat 0px 0px; text-indent:-5000px; } 
#friendfeed a:hover { background-position:-0px -39px; }

#flickr { position:relative; width:132px; height:39px; overflow:hidden; float:left;} 
#flickr a:link, #flickr a:active, #flickr a:visited { z-index:1; display:block; left:0; top:0; width:132px; height:39px; background:url(images/flickr.jpg) no-repeat 0px 0px; text-indent:-5000px; } 
#flickr a:hover { background-position:-0px -39px; }

#twitter { position:relative; width:151px; height:39px; overflow:hidden; float:left;} 
#twitter a:link, #twitter a:active, #twitter a:visited { z-index:1; display:block; left:0; top:0; width:151px; height:39px; background:url(images/twitter.jpg) no-repeat 0px 0px; text-indent:-5000px; } 
#twitter a:hover { background-position:-0px -39px; }

/*//////FOOTER/////*/
.logo_foot{
padding:0 0 0 336px;}
.text_foot{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#647984;
font-weight:bold;
text-align:center;}

#odfoot { position:relative; width:95px; height:19px; overflow:hidden;} 
#odfoot a:link, #odfoot a:active, #odfoot a:visited { z-index:1; display:block; left:0; top:0; width:95px; height:19px; background:url(images/odfoot.jpg) no-repeat 0px 0px; text-indent:-5000px; } 
#odfoot a:hover { background-position:-0px -19px; }

/*//////TEXTOS/////*/
strong {
	font-weight: bolder;
	color:#FFFFFF;
}
ul { list-style:none;}

.list1 li { background:url(images/marker.gif) no-repeat left 10px; padding-left:21px;text-decoration:none; line-height:2em;}
.list1 li a { background:url(images/marker.gif) no-repeat left 10px; padding-left:21px; text-decoration:none; line-height:2em;}
.list1 li a:hover { text-decoration:none;color:#0099CC; }

.list2 li {text-decoration:none; line-height:2em; border-bottom:#CCCCCC solid 1px;}
.list2 li a { background:url(images/marker.gif) no-repeat left 10px; color:#647984; padding-left:21px; text-decoration:none; line-height:2em;}
.list2 li a:hover { text-decoration:none;color:#0099CC;}

.list3 li a { background:url(images/marker.gif) no-repeat left 5px;color:#cccccc; padding-left:21px; text-decoration:none; line-height:2em;}
.list3 li a:hover { text-decoration:none;color:#0099CC; }

.list4 li { background:url(images/marker.gif) no-repeat left 5px;color:#cccccc; padding-left:21px; text-decoration:none; line-height:1.3em;}

.list5 { background:url(images/marker.gif) no-repeat left; padding-left:21px;text-decoration:none;}


.imgserv1{
float:left;
padding:5px 10px 0 0;}
.imgserv2{
float:right;
padding:5px 10px 0 0;}

.title{
font-weight:bold;
font-size:15px; padding-bottom:10px;}

/*//////MENU SOMOS/////*/
#msomos{
width: 131px;
height: 25px;
background: url("images/somos.png") no-repeat top;
text-indent: -5000px;
}
#mnvision{
width: 131px;
height: 25px;
background: url("images/nvision.png") no-repeat top;
text-indent: -5000px;
} 
#mmision{
width: 131px;
height: 25px;
background: url("images/mision.png") no-repeat top;
text-indent: -5000px;
}
.box{
width:255px;
height:306px;
background:#FFFFFF;}
.box_1{
width:255px;
height:306px;
background:url(images/esq_sup_izq.jpg) no-repeat top left;
}
.box_2{
width:255px;
height:306px;
background:url(images/esq_sup_der.jpg) no-repeat top right;
}
.box_3{
width:255px;
height:306px;
background:url(images/esq_inf_izq.jpg) no-repeat bottom left;}
.box_4{
width:255px;
height:306px;
background:url(images/esq_inf_der.jpg) no-repeat bottom right;
}
.box_cont{
padding:20px;}
.box_seccion1{
padding:10px 0 30px 0;
border-bottom:#cccccc solid 1px;
color:#666666;}
.box_seccion2{
padding:10px 0 25px 0;
color:#666666;}

/*//////MENU SERVICIOS/////*/
#mnuestros_serv{
width: 181px;
height: 25px;
background: url("images/nuestros_serv.png") no-repeat top;
text-indent: -5000px;
}
#mloqhacemos{
width: 181px;
height: 25px;
background: url("images/loqhacemos.png") no-repeat top;
text-indent: -5000px;
}
#mdiseno{
width: 181px;
height: 25px;
background: url("images/disenoweb.png") no-repeat top;
text-indent: -5000px;
}
#mestandares{
width: 181px;
height: 25px;
background: url("images/estandares.png") no-repeat top;
text-indent: -5000px;
}
#mrediseno{
width: 181px;
height: 25px;
background: url("images/redisenoweb.png") no-repeat top;
text-indent: -5000px;
}
#mdesarrollo{
width: 181px;
height: 25px;
background: url("images/desarrollo.png") no-repeat top;
text-indent: -5000px;
}
#mmultimedia{
width: 181px;
height: 25px;
background: url("images/multimedia.png") no-repeat top;
text-indent: -5000px;
}
#mhospedaje{
width: 181px;
height: 25px;
background: url("images/hospedaje.png") no-repeat top;
text-indent: -5000px;
}
.box_servicios{
padding:10px 0 0 0;
color:#666666;}

/*//////MENU CONTACTO/////*/
#mcontactanos{
width: 181px;
height: 25px;
background: url("images/contactanos.png") no-repeat top;
text-indent: -5000px;
}
#minformacion{
width: 181px;
height: 25px;
background: url("images/informacion.png") no-repeat top;
text-indent: -5000px;
}
label{ font-weight:bold;}
input[type=text], input[type=password],select{
width:210px;
padding:2px;
border:solid 1px #CCCCCC;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}
textarea{
width:210px;
height:80px;
padding:2px;
border:solid 1px #CCCCCC;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}
input[type=button],input[type=submit],input[type=reset]{border-bottom:1px solid #b0b1b3; background:#CCCCCC; color:#333333;border:solid 1px #999999;	font-size:11px;
font-family:Arial, Helvetica, sans-serif; padding:3px;}

.botones{
padding-top:5px;
text-align:right;}