body
	{
		background: #f1f1f1;
        @import url(http://fonts.googleapis.com/css?family=Oswald:400,300|Montserrat:400,700|Open+Sans);
        margin: 0px;
        padding: 0px;

	}

	body,input,textarea,select
	{
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		font-size: 12pt;
	}

	h1,h2,h3,h4,h5,h6
	{
		font-weight: 400;
	}
	
		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
		{
			color: inherit;
			text-decoration: none;
		}

h1{
    color: #fff;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size:2.5em;
    letter-spacing: 0.05em;
    background-color: #33e0c4;
    max-width: 500px;
    text-align: left;
    width: 60%;
    padding-top: 1.5em;
    padding-left: 0.5em;
    
}

h2{
    color:#343434;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    width: 60%;
    text-align: left;
    margin-top: -1em;
}

h3{
    color: #343434;
    font-size: 1.2em;
    margin-top: 0px;
}

h4{
    color: #f1f1f1;
    font-size: 3.5em;
    text-align: center;
    padding:1em;
    padding-top: 2em;
    font-family: 'Montserrat', sans-serif;
}

h5{
    color: #f1f1f1;
    font-size: 1em;
    font-family: 'Open sans', sans-serif;
    text-align: center;
    font-style: italic;
    margin-top: -7.3em;
    margin-bottom: 3em;
}

.subtitle{
    color: #585858;
    font-size: .8em;
    text-transform: uppercase;
    font-weight: 400;
    font-style: italic;
    line-height: 1.2em;
}

p{
    color: #818181;
    font-size: .8em;
    line-height: 1.5em;
    font-family: 'Open Sans', sans-serif;
}

a
{
    color: #0e5974;
}


/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		position: relative;
		background: #FFF;
        height: 95px;
        border-bottom: solid 5px #ececec;
	}

		#header .container
		{
            padding-top: 2em;
            width: 80%;
            min-width: 860px;
            margin: auto;
            max-width: 1280px;
		}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo
	{
		top: 3em;
        display: block;
    }

    #logo img{
        display: block;
    }


/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav
	{
        float: right;
        position: relative;
        top: -2.4em;

	}

		#nav > ul > li
		{
			float: left;
            list-style: none;
		}
		
			#nav > ul > li:last-child
			{
				padding-right: 0;
			}

			#nav > ul > li > a,
			#nav > ul > li > span
			{
				display: block;
				margin-left: 0.7em;
				padding: 0.25em 1em;
				text-decoration: none;
				outline: 0;
				color: #3e3e3e;
			}

			#nav li.active a
			{
                border-bottom: solid 10px #71859f;
				color: #33e0c4;
                padding-bottom: 1.6em;
			}

			#nav > ul > li > ul
			{
				display: none;
			}
	


/*********************************************************************************/
/* Search                                                                        */
/*********************************************************************************/


input {
	outline: none;
    float: right;
    margin-left: 0.5em;    
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; 
}


input[type=search] {
	background: #ededed url(../imagenes/img03.png) no-repeat 3px center;
	border: solid 1px #ccc;
	padding: 3px 4px;
	width: 55px;
	
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {
	width: 130px;
	background-color: #fff;
	border-color: #34e2b3;
	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}


input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}

/* Demo 2 */
#demo-2 input[type=search] {
	width: 10px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
#demo-2 input[type=search]:hover {
	background-color: #fff;
}
#demo-2 input[type=search]:focus {
	width: 100px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
#demo-2 input:-moz-placeholder {
	color: transparent;
}
#demo-2 input::-webkit-input-placeholder {
	color: transparent;
}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		position: relative;
		padding: 1em 0em;
		background: url(../imagenes/img01.jpg) no-repeat center;
		background-size: cover;
	}

    #banner .container{
        width: 80%;
        min-width: 860px;
        max-width: 860px;
        margin: auto;
        height: 30em;
        margin-top: 3em;
    }


/*********************************************************************************/
/* Video                                                                        */
/*********************************************************************************/
.video-slide1{
    text-align: left;    
    float: left;
}

#banner iframe{
    border-bottom: solid 4px #33e0c4;
}


/*********************************************************************************/
/* Login                                                                        */
/*********************************************************************************/

#login{
    width:30%;
    float: right;
    background-color: rgba(255, 255, 255, 0.6);
    margin-top: -11.3em;
    height: 27.8em;

}

#login p{
    font-family: 'Montserrat', sans-serif;
    padding-left: 4%;
    font-size: 1.2em;
    font-weight:700;
    text-align:left;
    text-transform: lowercase;
    color:#3e3e3e;
}

form{
  padding:6% 4%;
}

input[type="email"],input[type="password"]{
    width:92%;
    background:#fff;
    margin-bottom:4%;
    border:1px solid #ccc;
    padding:4%;
    font-family:'Montserrat',sans-serif;
    font-size:0.7em;
    font-weight: 300;
    color:#555;
}

.recordarme{
    font-size: 0.8em;
    color: rgba(38, 38, 38, 0.68)
}

label {
    display: inline-block;
    float: right;
    cursor: pointer;
    font-size: 13px;    
    margin-top: 0.3em;
}

input[type="submit"]{
    width:100%;
    margin-top: 10px;
    background:#33e0c4;
    border:0;
    padding:4%;
    font-family:'Montserrat',sans-serif;
    font-size:1em;
    font-weight: 300;
    color:#fff;
    cursor:pointer;
    transition:background .3s;
    -webkit-transition:background .3s;
}   

input[type="submit"]:hover{
  background:#71859f;
}

.olvidar{
    margin-top: 200px;
    font-size: 10pt;
    font-style: italic;
    font-weight: 300;    
    padding-bottom: 2em;
    border-bottom: dotted 2px #71859f;
}

.olvidar a{
    text-decoration: none;
}

.crear {
    margin-top: 1em;
}

.crear a{
    margin-top: 13.5em;
    font-size: 10pt;
    font-style: italic;
    font-weight: 300;    
    }
/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	.section1
	{
		background: #f1f1f1;
        width: 80%;
        min-width: 860px;
        margin: auto;
	}

    .section2
    {   
        background-color: #ececec;
        margin-top: 8.5em;
    }

	#main
	{
		border-top: 1px solid;
		border-color: rgba(0,0,0,.2);
	}
	
	.sidebar header h2
	{
		font-size: 1.6em;
	}


/*********************************************************************************/
/* Programas                                                                          */
/*********************************************************************************/

.section1 .programas{
    list-style: none;
    width: 100%;
    margin-top: 2em;
    align-content: center;
    float: left;
    padding: 0px;
    text-align: center;
}

.section1 .programas li{
    text-align: center;
    align-content: center;
    display: inline;
    margin-right: 1.43em;
    top: -1em;
}

.section1 .programas li:last-child{
    margin-right: none;
}

.section1 .programas li a {
 margin-bottom: 10px;
 width: 69px;
 height:69px;
 display:inline-block;
}

            .prog1{
             background:transparent url('../imagenes/nav01.png') center top no-repeat;
            }

            .prog1:hover {
               background-image: url('../imagenes/nav01-hover.png');
            }

            .prog1{
             background:transparent url('../imagenes/nav01.png') center top no-repeat;
            }

            .prog1:hover {
               background-image: url('../imagenes/nav01-hover.png');
            }
            .prog2{
             background:transparent url('../imagenes/nav02.png') center top no-repeat;
            }

            .prog2:hover {
               background-image: url('../imagenes/nav02-hover.png');
            }
            .prog3{
             background:transparent url('../imagenes/nav03.png') center top no-repeat;
            }

            .prog3:hover {
               background-image: url('../imagenes/nav03-hover.png');
            }
            .prog4{
             background:transparent url('../imagenes/nav04.png') center top no-repeat;
            }

            .prog4:hover {
               background-image: url('../imagenes/nav04-hover.png');
            }
            .prog5{
             background:transparent url('../imagenes/nav05.png') center top no-repeat;
            }

            .prog5:hover {
               background-image: url('../imagenes/nav05-hover.png');
            }
            .prog6{
             background:transparent url('../imagenes/nav06.png') center top no-repeat;
            }

            .prog6:hover {
               background-image: url('../imagenes/nav06-hover.png');
            }
            .prog7{
             background:transparent url('../imagenes/nav07.png') center top no-repeat;
            }

            .prog7:hover {
               background-image: url('../imagenes/nav07-hover.png');
            }
            .prog8{
             background:transparent url('../imagenes/nav08.png') center top no-repeat;
            }

            .prog8:hover {
               background-image: url('../imagenes/nav08-hover.png');
            }
            .prog9{
             background:transparent url('../imagenes/nav09.png') center top no-repeat;
            }

            .prog9:hover {
               background-image: url('../imagenes/nav09-hover.png');
            }


/*********************************************************************************/
/* Recomendados                                                                        */
/*********************************************************************************/

.now{
    margin: 0;
    padding: 0;
    list-style: none;
    width: 80%;
    min-width: 860px;
    margin: auto;
    padding-bottom: 2em;
}

.now .recomendado{
    width: 30%;
    display: inline-block;
    margin-top: 1em;
    margin-right: 2.7em;
}

.now .recomendado:last-child{
    margin-right: 0px;
}

.now .recomendado .vidrecomendado{ 
    width: 100%;
}

.now .recomendado h3 img{
    width: 35px;
    float: left;
    margin-top: -7px;
    margin-right: 5px;
}


/*********************************************************************************/
/* Propuesta                                                                        */
/*********************************************************************************/
	
.section3{
    margin-top: -5em;
    background: url(../imagenes/img07.jpg) no-repeat center;
}

.section3 #botones{
    align-content: center;
    margin: auto;
    width: 100%;
    text-align: center;
    padding-bottom: 1em;
}

.section3 .boton{
    display: inline-block;
    padding: 1em;
    padding-left: 2em;
    padding-right: 2em;
    border: solid 2px #f1f1f1;
    color: #f1f1f1;
    margin: 2em;
    align-content: center;
    text-align: center;
}

.section3 .boton:hover{
    opacity: .5;
}

/*********************************************************************************/
/* Noticias                                                                        */
/*********************************************************************************/

#noticias
	{
        background-color: #f1f1f1;
        width: 80%;
        min-width: 860px;
        margin: auto;
	}
	
	#noticias .box
	{
        float: left;
		background: #FFF;
		padding: 1.4em;
        width: 27.6%;
        margin-top: 2em;
		font-size: 0.95em;
        margin-bottom: 2em;
        border: solid 1px #d1d1d1;
	}

#noticias #mid{
    margin-left: 2em;
    margin-right: 2em;
}

#noticias .box img{
    float: left;
    margin-right: 1em;
}

#noticias .box .share{
    float: left;
    margin-top: .4em;
}



/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
	
	#footer
	{
        margin-top: 17em;
		color: rgba(0, 0, 0, 0.4);
        background-color: #343434;
	}
	
	#footer .container
	{
	}

	#footer h2
	{
		padding-bottom: 1.5em;
		font-size: 1.6em;
		color: #FFF;
	}

	#footer strong
	{
		color: rgba(255,255,255,.7);
	}